Tipografia
Il sistema tipografico di Mr. Wolf si basa su due caratteri: AC Honey Bee Serif e Literata.
AC Honey Bee Serif firma i titoli, le aperture e le etichette. Literata accompagna la lettura dei testi.
Le tabelle di ogni sezione riportano quattro parametri:
Size → la dimensione del carattere, espressa in pixel. Determina la scala visiva tra titoli e testo.
Tracking → lo spazio orizzontale tra le lettere, espresso in percentuale rispetto alla dimensione del carattere.
Leading → la distanza verticale tra le righe di testo, espressa in percentuale rispetto alla dimensione del carattere.
Letters → la forma delle lettere: tutto maiuscolo oppure frase normale.
I valori sono un punto di partenza: si possono adattare leggermente, purché restino coerenza visiva e leggibilità.
Indice
Tipografia
Display
Per i titoli d'impatto è stato scelto AC Honey Bee Serif Regular: un serif moderno di transizione, che riprende le forme fondamentali delle lettere.
È il carattere che traduce meglio il registro di Mr. Wolf: elegante e autorevole, mai sopra le righe.
In questa sezione è usato per il Display: key visual e aperture di sezione. Si può comporre sia in maiuscolo sia in frase normale, come nel wordmark, ma mai per il corpo del testo.
La tabella qui sotto indica come impostarlo.
Size
100 px
Tracking
+ 4%
Leading
100%
Letters
LETTERE MAIUSCOLE o Frase normale
Heading
Anche i titoli principali usano AC Honey Bee Serif Regular, così la gerarchia resta riconoscibile da un livello all'altro.
Qui è composto in frase normale e con le lettere leggermente più strette: il tono si fa più discorsivo, adatto a introdurre un argomento.
L'Heading identifica l'argomento centrale della pagina o della sezione.
La tabella qui sotto indica come impostarlo.
Size
50 px
Tracking
- 1,5%
Leading
130%
Letters
Frase normale
Testo
Per il testo è stato scelto Literata, nato come carattere di Google Play Books.
È un serif pensato per la lettura prolungata, soprattutto a schermo: regge i testi lunghi, dove un carattere da titolo risulterebbe faticoso. È distribuito con licenza open source, gratuito per web e stampa.
In questa sezione Literata Regular è usato per il corpo dei contenuti: paragrafi, descrizioni, spiegazioni.
La tabella qui sotto indica come impostarlo.
Size
25 px
Tracking
- 0,5%
Leading
175%
Letters
Frase normale
Label
Le etichette tornano su AC Honey Bee Serif Regular, in maiuscolo e con una spaziatura ampia tra le lettere.
A piccole dimensioni la spaziatura mantiene le lettere leggibili e dà all'etichetta un tono misurato ed elegante.
La Label è usata per gli elementi informativi di piccole dimensioni: etichette, indicatori, occhielli e tasti.
La tabella qui sotto indica come impostarla.
Size
25 px
Tracking
+ 25%
Leading
150%
Letters
LETTERE MAIUSCOLE