Skip to main content

Tipografia

Font

Le Linee Guida per il design degli applicativi di Regione Lombardia prevedono solo due famiglie di caratteri:

  • il font senza grazie, o sans serif, Titillium Web.
  • il font monospace con dimensioni di caratteri normalizzate Roboto Mono.

Titillium Web

Titillium Web Desktop

H1 Bold 48px/60px

H2 Bold 40px/48px

H3 Bold 32px/40px

H4 SemiBold 28px/40px

H5 Regular 24px/40px

H6 SemiBold 18px/28px

Body Text Regular 18px

Caption Small SemiBold 16px

Caption extra small Regular 14px

Titillium Web Mobile

H1 Bold 40px/48px

H2 Bold 32px/40px

H3 Bold 28px/32px

H4 SemiBold 24px/28px

H5 Regular 20px/24px

H6 SemiBold 16px/24px

Body Text Regular 18px

Caption Small SemiBold 16px

Caption extra small Regular 14px

Roboto Mono

Roboto Mono

H1 Bold 40px

H2 Bold 32px

H3 Bold 28px

H4 Bold 24px

H5 Regular 20px

H6 Bold 16px

Body Text Regular 18px

Caption Small bold 16px

Caption extra small Regular 14px

Accessibilità

Lunghezza
Una riga di testo che permette una lettura confortevole non supera i 75 caratteri.
In caso di colonne multiple la lunghezza è compresa tra 40 e 50 caratteri.
Per i testi a margine, la lunghezza non è mai inferiore ai 12-15 caratteri.
Allineamento
Il testo deve essere allineato a sinistra, salvo eccezioni come ad esempio i testi a margine.
L’allineamento giustificato e senza sillabazione è sempre da evitare per l’incongrua spaziatura delle parole e la minore leggibilità che comporta.
Definizione
I paragrafi possono essere distinti o applicando uno spazio tra di essi o in alternativa usando una indentatura di misura pari a quella del leading.
Link
Per distinguere i link dal testo canonico si usa la sottolineatura per i link all’interno di un testo, oppure il peso bold per i link isolati.

Documentazione tecnica

Per l’utilizzo delle classi di formattazione tipografica si consulti la relativa pagina.