Typografie

Typetokens - gewicht, tracking, regelafstand

De gewichtsschaal van vier stappen, de drie trackingconstanten en de banden voor de regelafstand achter alles in Typeschaal. Houd je hieraan als je een nieuwe typografische rol toevoegt - nadruk komt uit gewicht, niet uit grootte.

Weights

• 700 - het displayanker van de H1. Eén keer per pagina.
• 600 - subkoppen H2, H3 en H4; nadruk inline; de mono-bovenkop wanneer die vet staat.
• 500 - interactieve labels (knoppen, links), standaardgewicht van de mono-bovenkop.
• 400 - broodtekst en body intro. Standaard ingetogen; nadruk komt uit gewicht, niet uit grootte.

Tracking + line-height

• --tracking-tight: -0.02em (display).
• --tracking-normal: 0 (broodtekst).
• --tracking-eyebrow: 0.12em (mono in kapitalen).
• Regelafstand: display 1.06–1.2; broodtekst 1.55.