Witruimte is de lege ruimte tussen en rondom ontwerpelementen. Het is geen verspilde ruimte. Het geeft het oog rust, scheidt groepen en geeft relaties aan. Een krappe lay-out voelt onrustig aan. Een ruime lay-out voelt kalm en zelfverzekerd. De term omvat marges, opvulling, regelafstand en de ruimte tussen kolommen of knoppen.

Ontwerpers maken onderscheid tussen macro- en micro-witruimte. Macro-witruimte is de grote ruimte rondom belangrijke blokken, zoals de marges van een pagina. Micro-witruimte is de kleine ruimte binnen componenten, zoals de ruimte tussen een label en het bijbehorende invoerveld. Beide zijn belangrijk. Te weinig micro-witruimte zorgt ervoor dat tekst compact aanvoelt en moeilijk te lezen is. Te weinig macro-witruimte zorgt ervoor dat een pagina rommelig oogt, zelfs als er maar weinig elementen op staan.

Waar het het hardst werkt

• Marges die de inhoud omlijsten en de blik van de kijker sturen.
• Regelafstand die de leesbaarheid verbetert.
• Gaten die gerelateerde items groeperen en niet-gerelateerde items scheiden.
• Vulling die knoppen en kaarten voldoende ruimte geeft om te ademen.

Apple, Muji en veel luxemerken gebruiken witruimte als statussymbool. Lege ruimte straalt zelfvertrouwen uit. Het zegt dat het product niet hoeft te schreeuwen.