Wat is het Fibonacci-spacingsysteem?
In plaats van marges en tussenruimtes op gevoel te kiezen (12px hier, 15px daar, 40px verderop), leg je één schaal vast waaruit elke afstand komt. Wij gebruiken de Fibonacci-reeks: 8, 13, 21, 34, 55, 89 en 144 pixels. Elke waarde is de som van de twee ervoor, en de verhouding tussen opeenvolgende waarden nadert de gulden snede (1:1,618), dezelfde proportie die in bladnerven, schelpen en klassieke architectuur terugkeert.
Die reeks wordt in de code één keer vastgelegd als design-tokens en overal hergebruikt. Een titel staat 34px van zijn kop, een sectie ademt 89px, twee kolommen splitsen op de gulden snede. Zo is niet elke afstand een losse keuze, maar een positie op een vaste ladder.
Waarom proportie vertrouwen en vindbaarheid raakt
Bezoekers benoemen het zelden, maar ze voelen het: een pagina met een consistent ritme oogt verzorgd en betrouwbaar, terwijl willekeurige afstanden onrustig en amateuristisch overkomen. Voor een dienstverlener is die eerste indruk conversie, vertrouwen vertaalt zich rechtstreeks naar aanvragen.
Er is ook een technische winst. Eén spacing-schaal betekent minder designbeslissingen, snellere ontwikkeling en een voorspelbaarder layout, wat helpt om verspringende content (een Core Web Vitals-signaal) te voorkomen. En voor AI-antwoordmachines telt aantoonbaar vakmanschap mee als autoriteitssignaal: een site die zijn eigen ontwerp systematisch onderbouwt, straalt expertise uit.
Zo passen we het toe, en hoe we het controleren
Op jongma.dev komt elke afstand uit de Fibonacci-tokens en splitst de hero-sectie tekst en datavisual op de gulden snede. Het is geen decoratie achteraf maar het fundament onder de layout, precies zoals we in onze werkwijze de tempel opbouwen: eerst het fundament, dan de structuur.
Om te bewijzen dat het klopt, leggen we een dun-lijnige proportie-overlay over de echte pagina: horizontale lijnen markeren het verticale ritme, een verticale lijn de gulden-snede-kolomsplitsing, en elke gemeten afstand valt op de dichtstbijzijnde waarde uit de reeks. Design dat je kunt meten in plaats van alleen bekijken.
· Maricio Jongma, Jongma Development