Wat is typografie?

Typografie is hoe je tekst eruitziet: welk lettertype je gebruikt, hoe groot het is, hoeveel ruimte er tussen de regels zit en hoe breed je tekstkolom is.

Samen bepalen die dingen of iemand doorleest of afhaakt.

Op een website is dat het grootste deel van je ontwerp.

Waar het uit bestaat

Je lettertype, je lettergrootte, je regelafstand, je regellengte en het contrast met je achtergrond.

Meer daarover lees je bij css.

Waarom het zo zwaar weegt

Negentig procent van een website is tekst. Verbeter je je typografie, dan verbeter je vrijwel je hele pagina.

Meer daarover lees je bij design system.

Wat je als eerste aanpakt

Je lettergrootte en je regellengte. Die twee leveren de meeste winst op en kosten een instelling.

Meer daarover lees je bij welke lettergrootte je gebruikt.

Mijn vuistregels

1. Zestien tot achttien pixels voor lopende tekst.
2. Regellengte van vijfenzestig tot vijfenzeventig tekens.
3. Regelafstand van anderhalf.
4. Hooguit twee lettertypes.

Die tweede wordt het vaakst genegeerd en is het snelst te repareren.

Het verschil met een huisstijl

Je huisstijl bepaalt welk lettertype je gebruikt. Typografie gaat over hoe je dat lettertype inzet.

Meer daarover lees je bij accessibility.

Op een telefoon

Daar telt het zwaarder, want een smal scherm dwingt korte regels af en dan is je lettergrootte doorslaggevend.

Meer daarover lees je bij mobile first.

Veelgestelde vragen hierover