De dertigprocentregel. Hoeveel van een webpagina hoort leeg te zijn.

The thirty percent rule. How much of a webpage should be empty.

Een wandeling door het onderzoek en de editoriale geschiedenis van witruimte. We trekken draden uit het Zwitsers grafisch onderwijs, Edward Tufte's data-ink ratio, de klassieke Chinese inktschilderkunst en het moderne UX-onderzoek van Nielsen Norman naar één leesbaar geheel. Leestijd ongeveer twintig minuten.

A walk through the design research and editorial history of white space. We pull threads from Swiss design teaching, Edward Tufte's data-ink ratio, the classical Chinese ink-painting tradition and the modern UX work of the Nielsen Norman Group into one readable piece. Roughly twenty minutes to read.

Auteur Author The VALE team
Status Status Gepubliceerd Published
Onderwerp Topic Witruimte, grid, editoriale opmaak White space, grid, editorial layout
Verschenen Published on Mei 2026 May 2026

"Gebruik meer witruimte" wordt overal herhaald. Waarom zelden.

"Use more white space" is repeated everywhere. The why is repeated rarely.

Het advies om meer witruimte te gebruiken duikt op in zowat elk artikel over webdesign dat u ooit zult lezen. Wat zelden meedraait met dat advies, is een serieuze blik op waar het vandaan komt, hoe het onderzoek het rechtvaardigt, en hoeveel witruimte we eigenlijk bedoelen.

Dit artikel is onze poging om de literatuur netjes te lezen en er een rustig, gestaafd stuk over te schrijven. We trekken aantekeningen uit het werk van Josef Müller-Brockmann over Grid Systems in Graphic Design, het schrijven van Edward Tufte over de data-ink ratio in The Visual Display of Quantitative Information, de studies van Nielsen Norman Group over informatiedichtheid, en de lange traditie in de Chinese inktschilderkunst rond liú bái (留白), het bewust openlaten van het beeldvlak.

De output is één samenhangend stuk dat de stippen verbindt tussen die tradities en de homepage van een dienstenbedrijf in 2026. Waar de principes elkaar bevestigen, waar ze elkaar tegenspreken, en wat er overeind blijft als u de design-blog-clichés eruit haalt. Een waarschuwing vooraf: de "dertig procent" in onze titel is geen wet maar een convergentie. We leggen onderaan uit waarom we hem toch hanteren.

The advice to use more white space turns up in almost every web design article you will ever read. What rarely turns up alongside it is a serious look at where the advice comes from, how the research justifies it, and how much white space we are actually talking about.

This article is our attempt to read the literature properly and write a calm, sourced piece about it. We pull notes from Josef Müller-Brockmann's Grid Systems in Graphic Design, Edward Tufte's writing on the data-ink ratio in The Visual Display of Quantitative Information, the Nielsen Norman Group's studies on content density, and the long thread in Chinese ink painting around liú bái (留白), the deliberate leaving-of-the-blank.

The output is one cohesive read that connects the dots between those traditions and a service-business homepage in 2026. Where the principles agree, where they disagree, and what stays true once you strip out the design-blog clichés. One warning up front: the "thirty percent" in our title is not a law but a convergence. We explain at the end why we still use it.

Müller-Brockmann en de Zwitserse editoriale school.

Müller-Brockmann and the Swiss editorial school.

Tussen 1950 en 1980 ontstond in Zürich, Basel en Bern een grafische school die de basis legde voor wat we nu Zwitsers design noemen, en, via een omweg via Amerikaanse magazines en uiteindelijk de Apple-school van design, voor de visuele taal van de hedendaagse webpagina. Helvetica komt uit Zwitserland. Univers ook. De idee dat een logo neutraal moet zijn ook.

De meest leesbare verwoording van de regels van die school staat in Grid Systems in Graphic Design, een handboek dat Josef Müller-Brockmann in 1981 publiceerde na drie decennia onderwijs aan de Zürcher Kunstgewerbeschule. Het boek is een verzameling rasters, met telkens uitleg over hoe het raster de bladspiegel verdeelt en welke posities binnen dat raster spanning genereren.

Wat in dit boek opvalt, en wat het onderscheidt van moderne herhalingen van dezelfde ideeën, is hoe systematisch Müller-Brockmann witruimte als functioneel element behandelt. Het is geen "ruimte tussen de dingen"; het is een element van de compositie zelf. Hij schrijft over modules van gelijke grootte die het beeldvlak verdelen, over de marge als rustpauze voor het oog, en over asymmetrische verdelingen die spanning creëren die symmetrische opmaak juist platslaat.

In een interview met Roger Remington beschreef hij zijn aanpak als rationalisme tegenover expressie: de ontwerper lost een communicatieprobleem op, hij drukt zichzelf niet uit. Dat is een belangrijk detail voor wie vandaag een dienstensite ontwerpt. Een homepage hoeft niet origineel te ogen om goed te zijn. Een homepage hoeft niet te verrassen om te overtuigen. Een homepage moet binnen drie seconden duidelijk maken waar de bezoeker terechtkomt en wat hij vervolgens kan doen. Een ruim raster en stevige witruimte zijn daar precies geschikt voor.

De praktische erfenis van Zürich, vertaald naar een webpagina: linksuitlijning, één tot drie kolommen, sans-serif lettertype, generieke afbeeldingsformaten die rusten in modules van het raster, en marges die ruimer zijn dan u op het eerste zicht durft te zetten. Het ongemak dat u voelt bij "te veel" witruimte is meestal een teken dat u op de goede weg zit.

Between 1950 and 1980, a graphic school emerged in Zürich, Basel and Bern that laid the foundation for what we now call Swiss design and, by way of American magazines and eventually the Apple school of design, for the visual language of today's web page. Helvetica comes from Switzerland. Univers does too. So does the idea that a logo should be neutral.

The most readable formulation of the rules of that school sits in Grid Systems in Graphic Design, a handbook Josef Müller-Brockmann published in 1981 after three decades of teaching at the Zürcher Kunstgewerbeschule. The book is a collection of grids, each accompanied by an explanation of how the grid divides the page and which positions within that grid generate tension.

What stands out in this book, and what distinguishes it from modern restatements of the same ideas, is how systematically Müller-Brockmann treats white space as a functional element. It is not "space between things"; it is an element of the composition itself. He writes about modules of equal size that divide the page, about the margin as a pause for the eye, and about asymmetric divisions that generate the tension symmetric layouts flatten.

In an interview with Roger Remington he described his approach as rationalism against expression: the designer solves a communication problem, he does not express himself. That is an important detail for anyone designing a service website today. A homepage does not have to look original to be good. A homepage does not have to surprise to convince. A homepage has to make clear within three seconds where the visitor has landed and what they can do next. A roomy grid and substantial white space are precisely suited to that.

The practical legacy of Zürich, translated to a web page: left alignment, one to three columns, sans-serif type, generic image formats that sit in modules of the grid, and margins that are more generous than you initially dare to make them. The discomfort you feel at "too much" white space is usually a sign that you are on the right track.

De data-ink ratio en het wissen van wat niet helpt.

The data-ink ratio and erasing what does not help.

Twee jaar na Grid Systems verscheen aan de andere kant van de Atlantische Oceaan een boek dat dezelfde aanpak invoerde voor een andere discipline. Edward Tufte, hoogleraar statistiek en politieke wetenschappen aan Yale, publiceerde in 1983 The Visual Display of Quantitative Information. Het boek gaat over grafieken en visualisaties, maar het principe dat erin geformuleerd wordt, is in essentie hetzelfde als dat van Müller-Brockmann.

Tufte's centrale idee heet de data-ink ratio. De formule, in zijn eigen bewoordingen: data-ink gedeeld door de totale inkt in de grafiek. Met andere woorden: hoeveel van wat u op het blad zet draagt eigenlijk de boodschap, en hoeveel is decoratie of structuur die geen informatie toevoegt. Het ideaal is een ratio van 1: alles wat op het blad staat, draagt bij.

In zijn beroemde reeks before-and-after-voorbeelden laat Tufte zien hoe een staafdiagram er stap voor stap eenvoudiger op kan worden door enkel datgene weg te halen wat niets bijdraagt: 3D-effecten, randen, gridlijnen, schaduwen, overbodige labels, lichtgrijze rasters die de cijfers omkaderen "voor de duidelijkheid" maar in feite het kijken bemoeilijken. Aan het eind van die procedure blijft een grafiek over die er kaler uitziet, en die ironisch genoeg meer informatie communiceert in minder beeldoppervlak.

Tufte introduceerde ook de term chartjunk voor wat overblijft als de data-ink ratio te laag is: decoratie die zichzelf vermomt als nuttige opmaak. Voor een webpagina vertaalt zich dat in: badges van prijzen die u tien jaar geleden hebt gewonnen, sterren onder elk testimonial, geanimeerde scroll-pictogrammen, kaders rond elk blok, gradiënten die geen functie hebben behalve hun eigen aanwezigheid.

Het meest praktische gevolg van Tufte's denken voor een dienstensite is een test die u in vijf minuten kunt doen. Open uw homepage. Wijs elk visueel element aan: kop, paragraaf, knop, afbeelding, badge, lijn, achtergrondkleur. Stel u bij elk de vraag: "als ik dit weghaal, wordt de boodschap minder duidelijk?" Wanneer het antwoord nee is, hoort het er niet te staan. Wat u overhoudt is uw data-ink, en in de meeste audits die we doen, is dat aanzienlijk minder dan wat er nu staat. De ruimte die vrijkomt, dat is de witruimte waar het hele artikel over gaat.

Two years after Grid Systems, a book appeared on the other side of the Atlantic that introduced the same approach to a different discipline. Edward Tufte, professor of statistics and political science at Yale, published The Visual Display of Quantitative Information in 1983. The book is about charts and visualisations, but the principle it formulates is, at its core, the same as Müller-Brockmann's.

Tufte's central idea is the data-ink ratio. The formula, in his own words: data-ink divided by total ink in the graphic. In other words: how much of what you put on the page actually carries the message, and how much is decoration or structure that adds no information. The ideal is a ratio of 1: everything on the page contributes.

In his famous series of before-and-after examples, Tufte shows how a bar chart can be made step-by-step simpler by removing only what adds nothing: 3D effects, borders, gridlines, drop shadows, redundant labels, light-grey grids that frame numbers for clarity but in fact make them harder to read. At the end of the process, what remains is a chart that looks plainer and that, ironically, communicates more information in less visual surface.

Tufte also coined the term chartjunk for whatever remains when the data-ink ratio drops too low: decoration that masquerades as useful layout. On a web page, this translates into: award badges from ten years ago, stars under every testimonial, animated scroll indicators, boxes around every block, gradients with no function beyond their own presence.

The most practical consequence of Tufte's thinking for a service site is a test you can do in five minutes. Open your homepage. Point at each visual element: headline, paragraph, button, image, badge, line, background colour. For each one ask: "if I remove this, does the message become less clear?" When the answer is no, it does not belong there. What you keep is your data-ink, and in most audits we run that is significantly less than what currently sits on the page. The room that frees up is the white space this whole article is about.

Liú bái en de leegte die het beeld draagt.

Liú bái and the emptiness that carries the image.

De twee voorgaande tradities zijn westers, twintigste-eeuws en rationalistisch. De derde is ouder, oosters, en raakt aan filosofie meer dan aan techniek. In de klassieke Chinese inktschilderkunst, denk aan de landschappen van Ma Yuan (馬遠, Zuidelijke Song-dynastie, twaalfde eeuw), is grote delen van het zijden of papieren beeldvlak doelbewust onbeschilderd. Dat onbeschilderd-laten heet liú bái (留白), letterlijk het wit laten staan.

Liú bái is geen toevallige restruimte. Het is een gekozen element van de compositie en draagt betekenis: mist tussen de bergen, lucht boven een rivier, water rond een vissersboot. Het Westerse oog ziet "niets"; het klassieke Chinese oog ziet sfeer, afstand, en een uitnodiging om het beeld af te maken. Een schilderij is geen presentatie van een volledig gegeven; het is een suggestie waarin de kijker meeschildert.

De filosofische achtergrond is taoïstisch en boeddhistisch: het (虚, leegte) van de Tao Te Ching, het kōng (空, leegte als ruimte voor mogelijkheid) van het Boeddhisme. Wú wéi (無爲), de daad van het niet-handelen, is hetzelfde idee toegepast op gedrag in plaats van op verf. Wat niet gedaan wordt, en wat niet getoond wordt, doet werk.

Dit is een radicaal contrast met wat de westerse kunsthistoricus Mario Praz horror vacui noemde: de angst voor de lege ruimte, de neiging om elk hoekje van een kader op te vullen met decoratie. Een typische barokke ets demonstreert die angst onverbloemd; een typisch slecht ontworpen B2B-homepage demonstreert hem opnieuw, vier eeuwen later, met andere middelen.

De vertaling naar een webpagina vraagt voorzichtigheid. Een homepage is geen contemplatief landschap. Maar de basishouding, de witruimte is geen tekort, het is een element dat werk doet, is in beide tradities identiek, en is in onze ervaring een nuttiger denkkader voor een opdrachtgever dan een willekeurige UX-regel. Wanneer u in een ontwerpgesprek voelt dat de klant zegt "het ziet er leeg uit", helpt het om eerst te vragen wat hij bedoelt met "leeg", en daarna om hem het werk van Ma Yuan te tonen. Het is verbazingwekkend hoe vaak de discussie daarna omdraait.

The two preceding traditions are Western, twentieth-century and rationalist. The third is older, Eastern, and touches philosophy more than technique. In classical Chinese ink painting, think of the landscapes of Ma Yuan (馬遠, Southern Song dynasty, twelfth century), large parts of the silk or paper field are deliberately left unpainted. Leaving them unpainted is called liú bái (留白), literally leaving the white.

Liú bái is not leftover space. It is a chosen element of the composition and carries meaning: mist between mountains, sky above a river, water around a fisherman's boat. The Western eye sees "nothing"; the classical Chinese eye sees atmosphere, distance, and an invitation to complete the image. A painting is not a presentation of a complete given; it is a suggestion in which the viewer paints along.

The philosophical background is Daoist and Buddhist: the (虚, emptiness) of the Tao Te Ching, the kōng (空, emptiness as room for possibility) of Buddhism. Wú wéi (無爲), the act of non-acting, is the same idea applied to behaviour rather than to paint. What is not done, and what is not shown, does work.

This is a radical contrast with what the Western art historian Mario Praz called horror vacui: the fear of empty space, the urge to fill every corner of a frame with decoration. A typical Baroque etching demonstrates this fear undisguised; a typical badly designed B2B homepage demonstrates it again, four centuries later, with different means.

The translation to a web page calls for some caution. A homepage is not a contemplative landscape. But the underlying posture, white space is not a deficit, it is an element that does work, is identical across both traditions, and in our experience it is a more useful framing for a client than any random UX rule. When in a design conversation a client says "it looks empty", it helps to first ask what they mean by "empty", and then to show them a Ma Yuan. It is striking how often the conversation flips after that.

Het moderne UX-onderzoek: minder ruis, meer aandacht.

The modern UX research: less noise, more attention.

De Nielsen Norman Group is sinds 1998 het meest geciteerde onderzoeksbureau in user experience. Hun werk is geen filosofie maar empirie: ze brengen mensen in een lab, laten ze taken uitvoeren op echte websites, en meten met eye-tracking-apparatuur waar de aandacht heengaat en hoelang ze nodig hebben om iets te vinden. Ze hebben dit nu meer dan vijftien jaar consequent gedaan, met meer dan vijfhonderd deelnemers in het hoofdcorpus van studies.

De vondst die voor dit artikel het meest relevant is, is verrassend eenvoudig: visuele rommel verhoogt de mentale vermoeidheid en vertraagt beslissingen. In hun bewoordingen verhoogt visual clutter de cognitive load. Wat als visual clutter telt is breed: te veel kleuren, te veel typografische stijlen, te veel kaders, te veel knoppen op één scherm, te veel beweging.

Een paar specifieke bevindingen die we vaak citeren in klantgesprekken:

  • Mensen lezen niet, ze scannen. Jakob Nielsen's klassieke studie uit 1997 toonde aan dat 79% van de testpersonen webteksten scande in plaats van woord-voor-woord las. Dat percentage is in opvolgstudies stabiel gebleven.
  • Het F-patroon. Eye-tracking laat zien dat lezers van linksboven naar rechts scannen langs de bovenste regel, dan naar beneden, een tweede iets kortere regel, en daarna verticaal naar beneden langs de linkerkant. Inhoud die in dat patroon valt wordt opgemerkt; inhoud daarbuiten wordt over het hoofd gezien.
  • Vereenvoudigde teksten verhogen het begrip met 47%. Een NN-rapport uit 2015 vergeleek dezelfde inhoud in een complexe en een vereenvoudigde versie en mat het verschil in juiste antwoorden op begripsvragen.
  • Witruimte ondersteunt scanbaarheid. Niet door het verminderen van informatie, maar door het visueel groeperen ervan volgens de Gestalt-wet van nabijheid: dingen die dicht bij elkaar staan worden waargenomen als bij elkaar horend.

Die laatste vondst is in een klein zinnetje samen te vatten dat we vaak gebruiken: witruimte communiceert hiërarchie zonder lijnen te trekken. Wanneer u twee blokken inhoud bij elkaar hoort te zetten, hoeft u er geen kader rond te trekken en geen verbindingslijn tussen te trekken. Het volstaat om de afstand tussen die twee blokken kleiner te maken dan de afstand tussen die groep en de volgende. Het oog leest de hiërarchie automatisch. Dat is de hele Gestalt-school van de jaren twintig (Wertheimer, Koffka, Köhler) opnieuw bevestigd in een UX-lab honderd jaar later.

The Nielsen Norman Group has been the most cited research firm in user experience since 1998. Their work is not philosophy but empirics: they bring people into a lab, have them perform tasks on real websites, and measure with eye-tracking equipment where attention goes and how long they need to find things. They have been doing this consistently for more than fifteen years now, with over five hundred participants across the main corpus of studies.

The finding most relevant to this article is surprisingly simple: visual clutter raises mental fatigue and slows decisions. In their phrasing, visual clutter increases cognitive load. What counts as visual clutter is broad: too many colours, too many typographic styles, too many boxes, too many buttons on one screen, too much motion.

A few specific findings we often cite in client conversations:

  • People do not read, they scan. Jakob Nielsen's classic 1997 study showed that 79% of test subjects scanned web text rather than reading word for word. The figure has been stable in follow-up studies.
  • The F-pattern. Eye-tracking shows readers scanning from top-left along the upper line, then dropping, a second slightly shorter line, then vertically down the left side. Content that falls into that pattern gets noticed; content outside it gets overlooked.
  • Simplified texts raise comprehension by 47%. An NN report from 2015 compared the same content in a complex and a simplified version and measured the difference in correct answers to comprehension questions.
  • White space supports scannability. Not by reducing information, but by visually grouping it under the Gestalt law of proximity: things that sit close together are perceived as belonging together.

That last finding compresses into one line we use often: white space communicates hierarchy without drawing lines. When two blocks of content belong together, you do not need to draw a box around them or a line between them. It is enough to make the distance between those two blocks smaller than the distance between the group and the next one. The eye reads the hierarchy automatically. That is the entire Gestalt school of the 1920s (Wertheimer, Koffka, Köhler) reaffirmed in a UX lab a hundred years later.

Waar het getal vandaan komt. En waar niet.

Where the number comes from. And where it does not.

Tijd om eerlijk te zijn over de titel. Er is geen enkele studie, geen enkel boek, geen enkele autoriteit die letterlijk zegt: "dertig procent van een webpagina hoort wit te zijn". Wie zegt dat hij u dat getal kan citeren uit "het onderzoek", verkoopt u meestal een SEO-blogartikel.

Wat er wel is, is een opvallende convergentie tussen meerdere bronnen rond een ratio in dezelfde orde van grootte. Een paar voorbeelden:

  • Reclame-richtlijnen. Klassieke print-reclame-handboeken (Ogilvy's Confessions, McKim's Visual Thinking) hanteren een rule-of-thumb van 20-30% witruimte voor een effectieve advertentie. Meer dan 30% leest als luxe; minder dan 20% leest als bijsluiter.
  • Editoriale layout. Nielsen Norman Group beveelt voor leesintensieve pagina's content-density ratios aan tussen de 50% en 70%, wat impliceert dat 30 tot 50% van het beeldvlak witruimte zou moeten zijn.
  • UX-onderzoek naar visuele aandacht. Een vaak geciteerde, weliswaar door agencies opgemaakte studie, geeft aan dat sites met "ruime" witruimte tot 35-45% meer aandacht trekken op de hoofdboodschap dan sites met "dichte" layouts. De methodologie van die studie is matig, maar de richting strookt met de NN-bevindingen.
  • De zestig-dertig-tien-regel. Een klassieke regel uit het interieurontwerp en de typografie: 60% dominante kleur of element, 30% secundair, 10% accent. Vertaald naar witruimte: het secundaire element van een goede pagina, naast inhoud zelf, is de ruimte er rond.

Wat blijft is dit: tussen alle tradities en bronnen, van Müller-Brockmann tot Nielsen Norman tot Ogilvy, ligt het juiste percentage witruimte ergens tussen één derde en de helft van het zichtbare beeldvlak van een webpagina. Dat is de "dertig procent" waar onze titel naar verwijst: een ondergrens, niet een doel. Een homepage die minder dan dertig procent witruimte heeft, voelt vrijwel altijd druk; een homepage die meer dan vijftig procent heeft, voelt vrijwel altijd kalm.

Twee voetnoten. Ten eerste: het meten van witruimte is moeilijker dan het lijkt. Een grijs vlak met een grote letter erin is technisch geen witruimte maar leest wel als rust. We bedoelen met het percentage hier: visuele rust, niet pixels van zuiver wit. Ten tweede: de regel verschuift met het publiek en de context. Een vergelijkingstabel hoort dichter te zijn dan een hero-sectie. Een nieuwsmedium hoort dichter te zijn dan een architectenbureau. De dertig procent is een richtgetal voor een dienstensite. Wanneer u voor andere genres ontwerpt, schaalt het mee.

Time to be honest about the title. There is no single study, no single book, no single authority that literally says "thirty percent of a web page should be white". Anyone who says they can quote you that figure from "the research" is usually selling you an SEO blog post.

What does exist is a striking convergence between multiple sources around a ratio in the same order of magnitude. A few examples:

  • Advertising guidelines. Classic print-ad handbooks (Ogilvy's Confessions, McKim's Visual Thinking) use a rule-of-thumb of 20-30% white space for an effective ad. More than 30% reads as luxury; less than 20% reads as a leaflet.
  • Editorial layout. The Nielsen Norman Group recommends, for reading-intensive pages, content-density ratios between 50% and 70%, which implies that 30 to 50% of the visual surface should be white space.
  • UX research on visual attention. A widely-cited (though agency-produced) study reports that sites with "generous" white space attract 35-45% more attention to the primary message than sites with "dense" layouts. The methodology of that study is so-so, but the direction matches the NN findings.
  • The sixty-thirty-ten rule. A classic rule from interior design and typography: 60% dominant colour or element, 30% secondary, 10% accent. Translated to white space: the secondary element of a good page, alongside content itself, is the room around it.

What remains is this: across all traditions and sources, from Müller-Brockmann to Nielsen Norman to Ogilvy, the right percentage of white space sits somewhere between one third and one half of the visible surface of a web page. That is the "thirty percent" our title points at: a floor, not a target. A homepage with less than thirty percent white space almost always feels busy; a homepage with more than fifty percent almost always feels calm.

Two footnotes. First: measuring white space is harder than it looks. A grey area with a large letter on it is technically not white space but reads as rest. By the percentage here we mean visual rest, not pixels of pure white. Second: the rule shifts with audience and context. A comparison table should be denser than a hero section. A news site should be denser than an architecture studio. The thirty percent is a guideline figure for a service site. When you design for other genres, it scales with the genre.

Hoe u dichter bij de regel komt zonder uw site te herbouwen.

How to get closer to the rule without rebuilding your site.

Voor wie tot hier gelezen heeft en de hand al naar de laptop laat gaan: hieronder drie ingrepen die u vanmiddag kunt doen, in volgorde van impact. Geen herontwerp nodig, geen designer nodig, geen nieuw thema nodig.

  • Verdubbel uw verticale marges. Open uw CSS en zoek naar de waardes voor padding of margin boven en onder elke sectie. Verdubbel ze. Wat u nu hebt als 40 pixels wordt 80, wat 80 was wordt 160. In negen op tien gevallen leest de pagina onmiddellijk rustiger. Wanneer het echt te ruim oogt, schaalt u terug naar 1,5×. Het ongemak is normaal en zakt na een dag.
  • Verminder het aantal typografische niveaus. Tel hoeveel verschillende lettergroottes, gewichten en kleuren u op uw homepage gebruikt. Voor de meeste KMO-sites zien we acht tot twaalf verschillende typografische combinaties. Reduceer naar vier: één voor de grote koppen (h1, h2), één voor sub-koppen (h3), één voor body-tekst, één voor kleine details (datum, label). De vrijgekomen visuele ruimte voelt vanzelf als witruimte, ook al heeft u geen pixel echt witter gemaakt.
  • Verwijder twee blokken inhoud. Loop uw homepage door en kies twee secties die u nu hebt en die u eigenlijk zelf zelden gebruikt om iets uit te leggen aan een klant. Onze waarden, onze geschiedenis, ons team, een testimonial-carrousel die niemand doorklikt. Verwijder ze. Of zet ze op een aparte pagina. De homepage is een uitnodiging, geen archief.

Voor wie verder wil gaan, drie extra ingrepen die wat meer werk vragen maar die de pagina in een andere klasse tillen:

  • Maak één breedtebeperking voor alle tekst. Een leesbare regel is ongeveer 60 tot 75 tekens lang. Op een 1440-pixel scherm betekent dat een tekstkolom van rond de 680 pixels. Forceer dit met een max-width-eigenschap op uw tekst-containers. Marges rondom dezelfde tekstkolom doen automatisch hun werk.
  • Verwijder elk kader, elke randlijn die niets bewijst. Knoppen met witte achtergrond, dunne lijnen tussen secties, randen rond afbeeldingen, schaduwen onder kaarten. Vraag bij elk: "als ik dit weghaal, raakt iemand de informatie kwijt?" Wanneer nee, weg ermee.
  • Ruil veel foto's in voor minder, grotere. Een grote, ademende afbeelding op de homepage is sterker dan vier kleine die elk om aandacht vragen. Eén beeld dat ademruimte heeft, leest als zelfvertrouwen. Vier beelden die elkaar in de weg zitten, lezen als onzekerheid.

Het meest praktische advies dat we klanten geven, en dat de hele literatuur op dit punt deelt, past in zes woorden: minder, groter, ruimer, rustiger, langzamer, eerlijker.

For readers who have made it this far and feel their hands drifting toward the laptop: three changes you can make this afternoon, in order of impact. No redesign needed, no designer needed, no new theme needed.

  • Double your vertical margins. Open your CSS and find the values for padding or margin above and below each section. Double them. What you have as 40 pixels becomes 80, what was 80 becomes 160. In nine cases out of ten the page reads calmer immediately. When it really looks too generous, scale back to 1.5×. The discomfort is normal and fades after a day.
  • Cut the number of typographic levels. Count how many different sizes, weights and colours of type you use on your homepage. On most SME sites we see eight to twelve different typographic combinations. Reduce to four: one for large headings (h1, h2), one for sub-headings (h3), one for body text, one for small detail (date, label). The freed-up visual room reads as white space, even though you have not actually made a single pixel whiter.
  • Remove two blocks of content. Walk through your homepage and pick two sections that are currently there and that you yourself rarely use to explain something to a client. Our values, our history, our team, a testimonial carousel nobody clicks through. Remove them. Or move them to a dedicated page. The homepage is an invitation, not an archive.

For readers who want to go further, three additional moves that take a bit more effort but lift the page into a different class:

  • Set one width limit for all body text. A readable line is about 60 to 75 characters. On a 1440-pixel screen that means a text column around 680 pixels wide. Enforce it with a max-width property on your text containers. The margins around the same text column do their work automatically.
  • Remove every box, every border, every divider that proves nothing. Buttons with white backgrounds, thin lines between sections, frames around images, shadows under cards. For each, ask: "if I remove this, does anyone lose information?" If no, gone.
  • Trade many photos for fewer, breathing ones. One large, breathing image on the homepage is stronger than four small ones each fighting for attention. One image that has room around it reads as confidence. Four images that crowd each other read as uncertainty.

The most practical advice we give clients, and that the entire literature on this point shares, fits in six words: less, larger, roomier, calmer, slower, more honest.

Wat de vier tradities samen zeggen.

What the four traditions say together.

De vier bronnen waar we uit putten (de Zwitserse grafische school, Tufte's statistiek, de Chinese inktschilderkunst en het moderne UX-onderzoek) hebben geen contact gehad. Müller-Brockmann las geen Ma Yuan. Tufte schreef niet over Wertheimer. De Nielsen Norman-onderzoekers citeren zelden de Bauhaus.

En toch komen ze uit bij hetzelfde basisbeginsel. Witruimte is niet de afwezigheid van inhoud, het is een dragend element van de inhoud. De Zwitsers noemen het modulair raster. Tufte noemt het data-ink ratio. De Chinese traditie noemt het liú bái. De Nielsen Norman Group noemt het cognitive load. Voor wie een goede dienstenwebsite wil maken in 2026, betekenen die vier termen praktisch hetzelfde.

De ene zin die we voor uzelf zouden schrijven, als u verder niets onthoudt van dit stuk: elke ruimte op de pagina die niet inhoud is, draagt inhoud. Wie dat eenmaal als regel hanteert, hoeft de exacte dertig procent niet meer te meten. Het juiste evenwicht voelt vanzelf.

The four sources we draw from (the Swiss graphic school, Tufte's statistics, Chinese ink painting and modern UX research) never spoke to each other. Müller-Brockmann did not read Ma Yuan. Tufte did not write about Wertheimer. Nielsen Norman researchers rarely cite the Bauhaus.

And yet they arrive at the same basic principle. White space is not the absence of content, it is a supporting element of the content. The Swiss call it a modular grid. Tufte calls it the data-ink ratio. The Chinese tradition calls it liú bái. The Nielsen Norman Group calls it cognitive load. For anyone making a good service website in 2026, those four terms mean practically the same thing.

The one sentence we would write for you, if nothing else from this article stays with you: every space on the page that is not content carries content. Once that becomes a rule, you no longer need to measure the exact thirty percent. The right balance starts to feel obvious.

De teksten die we gelezen hebben.

The texts we drew from.

De boeken, studies en pagina's die in dit artikel meelopen, in dezelfde volgorde als waarin ze verschijnen:

The books, studies and pages that run through this article, in the order they appear:

Plan een meeting

Plan a meeting

Wilt u uw site samen tegen de regel houden?

Want us to read this against your site together?

Een witruimte-doorlichting bij VALE duurt typisch een halve dag. We bekijken uw site tegen de zes punten hierboven, schrijven een kort verslag en geven concrete fixes per blok. Geen herontwerp tenzij u dat zelf wilt. Plan een meeting en we lopen het samen door.

A white-space audit at VALE typically takes half a day. We hold your site against the six points above, write a short report and give concrete fixes per block. No redesign unless you want one. Plan a meeting and we will walk it through together.

Neem contact op Get in touch