Typografi

Tekst utgjør mesteparten av innholdet i produktene våre. For å presentere innholdet på en enkel og ryddig måte, bruker vi noen utvalgte stiler og komponenter. Disse er bygget opp med ulike kombinasjoner av størrelse, vekt, linjehøyde og farge.

Font

I Nav bruker vi open source fonten Source Sans 3. Det er en sans-serif font spesielt designet for digitale produkter.

Størrelser

Vi har totalt 8 størrelser i designsystemet: 14, 16, 18, 20, 24, 28, 32 og 40px. Grunnstørrelsen for tekst i digitale produkter er 18px.

Linjelengde

Optimal bredde på brødtekst når den går over flere linjer, er mellom 50 og 75 tegn per linje inkludert mellomrom. Kortere eller lengre tekstlinjer kan gå utover lesbarheten. Dette gjelder spesielt personer med lese- eller konsentrasjonsvansker.

Avstand og luft

Den enkleste måten å oppnå rytme og god bruk av luft med designsystemet er å bruke typografi-komponentene som er tilgjengelig i Figma og kode.

Stiler

Beskrivelse og veiledning til hvordan typografien brukes finner du i komponentartikkelen Typografi-komponenter.

Heading

BodyLong

BodyShort

Label

Detail