Tipografia

La tipografia è fondamentale per il marchio Smart Chip, perché determina il modo in cui le persone vedono e interpretano il nostro messaggio. Grazie a uno stile visivo flessibile e in continua evoluzione, l’uso coerente del nostro carattere tipografico garantisce chiarezza e rafforza la riconoscibilità del marchio.

Scarica il font

Carattere tipografico

Una buona leggibilità e la versatilità sono le priorità assolute nella scelta dei caratteri. Il nostro carattere standard è Manrope, sia su carta che sui dispositivi digitali.

Manrope Regular

Manrope Bold

Manrope ExtraBold

Titoli e testo di approfondimento

Distinguiamo due ambiti di applicazione delle nostre regole tipografiche: Titoli e Testo di accompagnamento.

Titoli Sono i titoli in grande su manifesti, cartelloni, striscioni e altro ancora. Servono a catturare l’attenzione e a far sì che la gente si fermi, guardi e se ne ricordi.

Testo di accompagnamento è tutto ciò che c'è oltre al titolo. Una volta che il titolo ha catturato l'attenzione, il testo di approfondimento fornisce i dettagli.

Titoli

I titoli sono pensati per essere flessibili. Le loro dimensioni non sono fisse, ma dipendono dal layout a griglia, dalle dimensioni del contenitore e da altri fattori. Ne saprai di più nella sezione dedicata a Layout.

Spessore del carattere

I titoli sono solitamente scritti in Manrope Regular.

Quando inserisci un titolo su un'immagine, puoi usare Manrope Bold o ExtraBold per ottenere un maggiore contrasto.

Colore

Puoi evidenziare una parte del titolo con una sfumatura scelta dalla tavolozza dei colori. Può trattarsi di un'intera frase o solo di singole parole, ma mai dell'intero titolo. Usa il colore per mettere in risalto un punto.

Scegli un colore sfumato che si abbini bene all'immagine. Può riflettere un colore dominante nella foto, mettere in risalto un dettaglio particolare o semplicemente adattarsi all'atmosfera generale.

Quando inserisci il titolo su un'immagine, cerca di ottenere il massimo contrasto e la massima leggibilità.

Non usare colori nel testo a tutti i costi: se lo sfondo è troppo carico, tutto il testo dovrebbe essere nero o bianco per risultare il più chiaro e leggibile possibile. Usa il testo colorato solo se lo sfondo è abbastanza sobrio.

Guida e monitoraggio

L'interlinea dei titoli è di solito pari alla loro dimensione. Ad esempio, un titolo con dimensione 50 pt ha un'interlinea di 50 pt.

Interrompiamo il monitoraggio a 0%.

Testo di supporto

Il testo di supporto è tutto il testo che non è il titolo: frasi di testo, inviti all’azione (CTA) e altro ancora. Come suggerisce il nome, serve a supportare il titolo. Non è pensato per attirare l’attenzione: quello è compito del titolo. È invece pensato per trasmettere informazioni aggiuntive nel modo più chiaro possibile.

Stili di paragrafo

Ci sono quattro stili di paragrafo per il testo di accompagnamento. Sono pensati per garantire la massima leggibilità, una chiara gerarchia e per rendere il contenuto il più facile da leggere possibile.

Il testo di accompagnamento è sempre allineato a sinistra.

Titoli principali Sono i titoli grandi e accattivanti. Sono brevi (di solito non più di cinque parole) e dovrebbe essercene solo uno per pagina.

Uso dei titoli principali Manrope Bold oppure Super grassetto.

Sottotitoli servono a organizzare i contenuti in sezioni, rendendo più facile orientarsi tra le informazioni. Puoi usarli anche per evidenziare i punti chiave o per attirare l'attenzione su informazioni importanti.

I sottotitoli usano sempre Manrope Bold.

Testo del corpo è lo stile predefinito per il testo.

Il corpo del testo usa Manrope Regular, ma puoi usare anche altri spessori del carattere per evidenziare parti del testo, sottolineare un concetto e rendere le informazioni il più chiare possibile.

Note in piccolo cioè i piè di pagina, le clausole di esclusione di responsabilità e tutto il resto che deve esserci ma che non deve necessariamente stare in primo piano.

Proprio come nel corpo del testo, sono ammessi tutti gli spessori dei caratteri, con Manrope Regular che è lo standard.

Taglie

Usa la dimensione del testo del corpo come riferimento per le altre dimensioni. La dimensione predefinita del testo del corpo è 10pt (stampa) o 18px/1.12rem (schermo).

Sottotitoli sono due volte grande. Questo significa che il valore predefinito è 20pt (stampa) o 36px/2,24rem (schermo).

Titoli principali sono compresi tra da 3 a 4,5 volte più grande, ovvero da 30 a 45 pt (stampa) o da 54 a 81 px / da 3,36 a 5,3 rem (schermo). Scegli la dimensione che meglio si adatta alla quantità di testo che hai.

Note in piccolo è da 0,6 a 0,8 volte più grande.

Guida e monitoraggio

Titoli principali e Sottotitoli usa il prefisso 100%.

Testo del corpo ha un po’ più di margine di manovra con un vantaggio di 130%.

Il codice di tracciamento è sempre 0%.

Colore

Titoli, sottotitoli e testo del corpo sono o 100% nero oppure bianco, a seconda del colore di sfondo.

Note in piccolo è ambientato a Luminosità 70% su sfondi chiari oppure Luminosità 30% su quelli scuri.

Proprio come per i titoli, puoi scegliere un colore dalla tavolozza per i titoli principali e i sottotitoli. Puoi colorare l'intero titolo o singole parole.

Interruzioni di riga

Usa le interruzioni di riga per suddividere il testo titoli principali e sottotitoli. Questo li rende più compatti e dà a tutto il testo più spazio per respirare.

Lunghezza del titolo

Cerca di mantenere brevi i titoli principali. Devono essere concisi e catturare l'attenzione con poche parole, in genere non più di cinque. Se il tuo titolo è più lungo, forse sarebbe meglio trasformarlo in un sottotitolo.

In una pagina tipica, c'è solo un titolo principale.

Lunghezze delle linee

Dividi il testo lungo in due colonne, ma non di più. In questo modo la lunghezza delle righe rimane gestibile. Cerca di Da 45 a 75 caratteri (spazi e segni di punteggiatura inclusi) per riga.

Titoli principali e sottotitoli devono sempre coprire tutte le colonne.