Live demo van de blauwdruk Volledig brandbook · Onda is een fictief merk.Alle blauwdrukkenAanmelden voor de wachtlijst

Layout & compositie

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.
Homepage van Onda met kop, havenfoto en drie huiskaarten
Voorbeeld · Website · desktop
Dia 43 van 57