Typografie

Typografisch systeem

Teksthiërarchie moet consistent blijven tussen marketingpagina s, productschermen en externe materialen.

Laatste update: februari 2026

Typografische schaal

Gebruik deze schaal om overal hetzelfde leesritme te behouden.

RolGrootteGebruik

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

  • Gebruik links uitlijnen voor langere teksten.
  • Hanteer comfortabele regelafstand (1.4 tot 1.6).
  • Vermijd volledige kapitalen buiten korte labels.
  • Controleer tekstcontrast in elk actief thema.

Voorbeeldcompositie

Voorbeeld van een tekstblok dat voldoet aan hiërarchie- en leesbaarheidsregels.

Investeer in natuur met helderheid.

Elke boodschap moet de actie, impact en volgende stap uitleggen. Vorm ondersteunt begrip.

Secundair label / contextinformatie