Hoofdstuk 10 van 12
Layout & compositie
Veel ruimte, één duidelijke focus
Elk ontwerp moet voelen als een rustig terras: ruimte om te ademen, één ding om naar te kijken, niets gehaast. Kies een formaat om het grid te zien en zet de overlay aan om het op onze homepage te bekijken.
Website · desktop
- Formaat
- 1440 × 900 px
- Kolommen
- 12
- Kolombreedte
- 84.7 px
- Tussenruimte
- 24 px
- Zijmarges
- 80 px
- Boven en onder
- 64 px
- Basislijn
- 8 px
Inhoud max. 1280 px breed. Tekstkolommen beslaan hooguit 7 van de 12 kolommen (zo'n 70 tekens).
Witruimte
- Minstens 40% van elk ontwerp is lege Shell. Twijfel je, haal dan iets weg.
- Eén blikvanger per ontwerp: een foto, een kop of een zon, nooit alle drie tegelijk.
- Lijn tekst links uit op het grid; centreer alleen korte regels op posters, menu's en kaarten.
- Verhouding tekst en beeld: ongeveer 1:2 op web en social, 1:1 in druk. Foto's leiden, woorden ondersteunen.
- Witruimte volgt een ritme van 8 px (8, 16, 24, 40, 64, 104). Secties staan 104 px uit elkaar op desktop.
- Logo linksboven of middenonder, uitgelijnd met de tekstkolom, nooit los in een hoek.
Compositie
Drie composities die we het meest gebruiken
Gedeeld
Tekst op Shell links (5 kolommen), foto rechts (7 kolommen). Voor websiteheaders, brochures en presentaties.
Boog
Eén foto in een boog, gecentreerd, met een korte kop erboven en het logo eronder. Voor posters, covers en menu's.
Paginavullend
Foto van rand tot rand, kop in Shell op het rustigste deel (lucht of zee). Voor social, billboards en campagnepagina's.
Vragen over deze guide?
Neem contact op met LucíaLaatst bijgewerkt op 24 sep 2026
Gemaakt met brandbooks