Una raccolta degli stili tipografici di Come Mai: titoli, testi e link. Le dimensioni si adattano automaticamente allo schermo.
Titoli
Headline 1 · .text-h1
La curiosità ci unisce
Roboto Serif · Desktop 64/76 px, peso 500 · Mobile 28/36 px, peso 600
Headline 2 · .text-h2
Ogni incontro apre una prospettiva
Roboto Serif · Desktop 36/44 px · Mobile 20/28 px · Peso 600
Headline 3 · .text-h3
Condividere idee, scoprire possibilità
League Spartan · Desktop 28/36 px · Mobile 18/24 px · Peso 600
Headline 4 · .text-h4
Lingua, cultura e nuove connessioni
League Spartan · Desktop 20/28 px · Mobile 16/20 px · Peso 600 · Maiuscolo
Testi
Body 1 · .text-body-1
Imparare una lingua significa incontrare persone, ascoltare storie e trovare nuove parole per raccontarsi. È un viaggio fatto di curiosità, piccoli passi e grandi scoperte.
League Spartan · Desktop 20/28 px · Mobile 16/24 px · Peso 400
Body 2 · .text-body-2
Imparare una lingua significa incontrare persone, ascoltare storie e trovare nuove parole per raccontarsi. È un viaggio fatto di curiosità, piccoli passi e grandi scoperte.
League Spartan · Desktop 16/24 px · Mobile 14/20 px · Peso 400
Body 3 · .text-body-3
Imparare una lingua significa incontrare persone, ascoltare storie e trovare nuove parole per raccontarsi. È un viaggio fatto di curiosità, piccoli passi e grandi scoperte.
League Spartan · Desktop 14/20 px · Mobile 12/16 px · Peso 400
Testo predefinito e link nel paragrafo
Questo paragrafo eredita Body 1 senza classi tipografiche. Il link nel testo mantiene la dimensione del paragrafo.
Button / Link
Normal · .text-link-normal
Torna all’inizio della raccoltaLeague Spartan · Desktop 22/24 px · Mobile 20/24 px · Peso 400
Medium · .text-link-medium
Torna all’inizio della raccoltaLeague Spartan · Desktop e mobile 18/20 px · Peso 400
Small · .text-link-small
Torna all’inizio della raccoltaLeague Spartan · Desktop e mobile 16/16 px · Peso 400
Titoli HTML nativi
Il titolo “Tipografia” della pagina è un H1. Questi esempi usano direttamente gli elementi HTML H2, H3 e H4, senza classi tipografiche.
H2 · Un mondo da esplorare
H3 · Una storia da condividere
H4 · Cominciamo insieme
Le misure indicano dimensione/interlinea. La variante mobile si applica fino a 640 px. I form e la navigazione conservano la propria tipografia specifica.