Linee guida del marchio

Logo

Colori

Tipografia

Voce e tono

Fotografia

Icone

Collaborazioni

Ti ricordiamo che quando utilizzi le nostre risorse, aderisci ai nostri Termini e Condizioni.

Logo

Scarica

Il nostro logo

Il nostro simbolo

Modalità chiara e scura

Spazio libero

Il nostro logo ha bisogno di spazio.
Per garantire che sia sempre chiaro e d’impatto, dobbiamo mantenere un’area protetta di spazio libero intorno ad esso.
Questa regola impedisce agli altri elementi di avvicinarsi troppo.

Blocco orizzontale

Blocco verticale

Su immagini

Per mantenere la leggibilità, il logo deve avere un elevato contrasto con lo sfondo. Quando lo inserisci in una foto o in un’immagine complessa, seleziona sempre la versione del logo (ad esempio, a colori o bianca) che risalta maggiormente.

Questa immagine ha uno sfondo scuro e profondo, quindi utilizziamo il logo bianco. Il nostro simbolo giallo e il testo bianco creano un elevato contrasto con lo sfondo.

Questa immagine ha uno sfondo chiaro e luminoso, quindi utilizziamo il logo a colori. Il nostro simbolo giallo e il testo grigio creano un elevato contrasto con lo sfondo.

Cose da evitare

Colori

Evidenzia il giallo

Questo è il nostro colore d’accento principale, utilizzato per attirare l’attenzione e aggiungere un lampo di energia. Usalo con parsimonia per ottenere il massimo impatto.

Ideale per: Titoli di testa, call-to-action o come colore di testo a contrasto su sfondi scuri (blu).

Non utilizzare: Usalo per grandi blocchi di colore o per il testo del corpo.

#FFCC26

Blu primario

Questo è il colore principale del nostro marchio e la parte più riconoscibile della nostra identità visiva. Dovrebbe essere il colore dominante nella maggior parte dei progetti.

Ideale per: Titoli principali, testo in evidenza, icone “Soluzione” e momenti principali del marchio.

#2A71DB

Testo del corpo

Questo colore quasi nero è il nostro colore principale per tutti i testi. Viene utilizzato per garantire un’elevata leggibilità senza l’asprezza del nero puro.

Ideale per: Tutti i testi, i paragrafi e la maggior parte dei sottotitoli.

#0A090B

Testo secondario

Questo grigio tenue crea una chiara gerarchia visiva. Viene utilizzato per le informazioni di supporto che dovrebbero essere meno evidenti rispetto al testo principale.

Ideale per: Piccoli testi descrittivi, didascalie, titoli “Pain Point” e altre informazioni non critiche.

#4F4D55

Tela

Questo è il nostro colore di sfondo standard. Offre una tela morbida, pulita e moderna per i nostri contenuti ed è preferito al bianco puro per la maggior parte delle applicazioni.

Ideale per: Sfondi di diapositive, sfondi di pagine web e layout generale.

Nota: il bianco puro (#FFFFFF ) può essere utilizzato come sfondo alternativo quando i layout richiedono un contrasto maggiore o includono caselle grigie stratificate.

#F9F9F9

Tipografia

Caratteri tipografici

Il nostro carattere è Inter.

Inter è disponibile gratuitamente su Google.

Peso

Per creare un layout pulito, coerente e di facile lettura, utilizziamo quattro pesi specifici del font del nostro marchio. Ogni peso ha uno scopo ben preciso.

Luce

Usa questo peso con parsimonia per ottenere un’atmosfera ariosa e sofisticata. È meglio riservarlo a testi di grandi dimensioni, come ad esempio una tagline importante su una diapositiva di presentazione o una grande citazione di un cliente.

Nota: evita di usare Light per testi piccoli o paragrafi lunghi, perché può risultare difficile da leggere.

Regolare

Questo è il peso principale e predefinito per tutto il testo del corpo. È ottimizzato per garantire la massima leggibilità dei paragrafi, degli elenchi e della maggior parte dei contenuti in generale.

Media

Usa Medium per i sottotitoli, i richiami chiave o per aggiungere enfasi all’interno di un blocco di testo. Crea un chiaro livello secondario di importanza e funziona bene per il testo su sfondi colorati.

Semi Bold

Questo è il peso maggiore, riservato a tutti i titoli principali e alle affermazioni ad alta priorità. È progettato per catturare l’attenzione e stabilire il messaggio più importante.

Dimensionamento

Mantenendo le proporzioni si ottiene un’importante gerarchia. Usa questa guida alle dimensioni come punto di partenza, ma non sacrificare mai la leggibilità.