Aanbevolen gewichten
Beperk het aantal gewichten per scherm. Gebruik Black/Bold voor hiërarchie en Regular voor inhoud.
Normaal 400
Medium 500
Semi-vet 600
Vet 700
Zwart 900
Typografische schaal
Gebruik deze schaal om overal hetzelfde leesritme te behouden.
Kop H1
36-48 px
Paginatitels en hero-boodschappen
Kop H2
28-32 px
Sectietitels
Kop H3
22-24 px
Subsecties en kaarten
Body
16 px
Hoofdinhoud en beschrijvingen
Caption
14 px
Contextuele hulptekst en metadata
Aanbevolen gewichten
Beperk het aantal gewichten per scherm. Gebruik Black/Bold voor hiërarchie en Regular voor inhoud.
Normaal 400
Medium 500
Semi-vet 600
Vet 700
Zwart 900
Best practices
Voorbeeldcompositie
Voorbeeld van een tekstblok dat voldoet aan hiërarchie- en leesbaarheidsregels.
Elke boodschap moet de actie, impact en volgende stap uitleggen. Vorm ondersteunt begrip.
Secundair label / contextinformatie
Typografische schaal
Gebruik deze schaal om overal hetzelfde leesritme te behouden.
Kop H1
36-48 px
Paginatitels en hero-boodschappen
Kop H2
28-32 px
Sectietitels
Kop H3
22-24 px
Subsecties en kaarten
Body
16 px
Hoofdinhoud en beschrijvingen
Caption
14 px
Contextuele hulptekst en metadata
Aanbevolen gewichten
Beperk het aantal gewichten per scherm. Gebruik Black/Bold voor hiërarchie en Regular voor inhoud.
Normaal 400
Medium 500
Semi-vet 600
Vet 700
Zwart 900
Best practices
Voorbeeldcompositie
Voorbeeld van een tekstblok dat voldoet aan hiërarchie- en leesbaarheidsregels.
Elke boodschap moet de actie, impact en volgende stap uitleggen. Vorm ondersteunt begrip.
Secundair label / contextinformatie