Hoeveel witruimte moet je gebruiken?

Hoeveel witruimte je nodig hebt, hangt niet af van smaak maar van je tekstgrootte.

Alle ruimte op een pagina kun je daarvan afleiden.

Dat maakt de vraag een rekensom in plaats van een discussie.

De rekensom

Neem je basistekst van zestien pixels. Regelafstand anderhalf keer, ruimte tussen alinea’s één keer, ruimte tussen secties vier tot zes keer.

Meer daarover lees je bij typografie.

Waarom een reeks werkt

Ruimtes die uit dezelfde reeks komen, ogen bewust. Willekeurige waarden ogen slordig, ook als niemand kan aanwijzen waarom.

Meer daarover lees je bij design system.

Marges aan de zijkant

Op mobiel minimaal twintig pixels, op desktop een leesbare kolom van rond de zevenhonderd pixels breed.

Meer daarover lees je bij waarom die ruimte ertoe doet.

Mijn vaste reeks

1. Vier pixels voor het kleinste verschil.
2. Acht en zestien voor onderdelen binnen een blok.
3. Tweeëndertig en vierenzestig tussen blokken.
4. Honderdachtentwintig tussen secties.

Die reeks verdubbelt steeds, en dat is precies waarom hij rustig oogt.

Wanneer je afwijkt

Rond je belangrijkste knop mag de ruimte groter zijn dan de reeks voorschrijft. Dat is nadruk, geen fout.

Meer daarover lees je bij nadruk geven met ruimte.

De veiligste correctie

Twijfel je tussen twee waarden, kies dan de grootste. Te veel ruimte valt zelden op, te weinig altijd.

Meer daarover lees je bij marge en padding.

Veelgestelde vragen hierover