Ground Control · φ 1.618

Gefundeerd op proportie

Elke keuze rust op verhoudingen die kloppen omdat ze niet verzonnen zijn — geleend van de Modulor van Le Corbusier. Twee reeksen, één ritme.

Waarom proportie

Een gebouw en een website hebben één probleem gemeen: alles moet ergens beginnen en ergens eindigen, en al die maten moeten zich tot elkaar verhouden. Wie dat per element beslist, krijgt een verzameling. Wie het uit één systeem haalt, krijgt een geheel.

Le Corbusier ontwikkelde de Modulor in de jaren veertig, en publiceerde hem in 1948, om precies dat op te lossen — een maatverhoudingsstelsel op menselijke schaal, gebouwd op de gulden snede. Wij hebben het niet naar het scherm vertaald omdat het goed klinkt, maar omdat de vraag dezelfde is.

Rode reeks — Typografie · ritme · adem

8 8 × 1
13 8 × φ
21 8 × φ²
34 8 × φ³
55 8 × φ⁴
89 8 × φ⁵
144 8 × φ⁶
89 h1 · 0.90
55 h2 · 0.93
34 h3 · 0.98
21 lead · 1.618
16 body · 1.618

Interlinie krimpt met de maat — koppen strak-fluïde (≈0.89 groot → ~1.05 klein), leestekst op φ.

Blauwe reeks — Skelet · raster · witruimte

7 5 4 4 4 3 9 8 4

12 × var(--col) · 12 ÷ φ = 7,42 — de gulden snede van twaalf kolommen valt op 7, vandaar de split 7 | 5

Rood 70 · 113, blauw 140 · 226 — Le Corbusier, Maison du Brésil, Parijs
Rood 70 · 113, blauw 140 · 226 — Le Corbusier, Maison du Brésil, Parijs

Blauw is het skelet. Rood is de adem.

De taakverdeling

De Modulor bestaat uit twee reeksen, en die taakverdeling nemen we letterlijk over.

De rode reeks is de menselijke maat: alles wat je leest en aanraakt. Lettergroottes, regelafstand, de ruimte tussen een kop en zijn alinea. Vaste waarden in pixels — want de afstand van je oog tot het scherm verandert niet mee met de schermbreedte.

De blauwe reeks is de architectonische maat: één kolombreedte als eenheid, die wél meeschaalt. Daarop rusten sectiehoogtes, beeldformaten en de witruimte tussen blokken. Zoals een stramien: het gebouw wordt breder, de travee blijft een travee.

Blauw is het skelet, rood is de adem.

Sleutelgetallen

1.618 Gulden snede · φ
12 Rasterkolommen
8px Atomaire unit
7:5 φ-kolomsplit

Vrije compositie — mits in het raster

12 · var(--col) flexibel φ 1.618 1 : 1.618
H1 · 89 / 0.90
Proportie die je voelt
H2 · 55 / 0.93
Ritme, geen ruis
Body · 16 / 1.618

Elke maat komt uit dezelfde twee reeksen. De kop ademt op de rode reeks, de kolommen dragen op de blauwe. Niets is willekeurig — en toch voelt het nooit strak of saai. Dat is het punt: structuur die vrijheid geeft.

De Modulor is een maatverhoudingssysteem op de menselijke schaal, toepasbaar op architectuur en mechanica.

Le Corbusier · 1948

Gulden snede

1 : 1.618
De pivoterende deur staat op de gulden snede — La Tourette
De pivoterende deur staat op de gulden snede — La Tourette
Portret · 1:1.618
Landschap · 1.618:1
Breed · 2.618:1

Waar het vandaan komt

Iannis Xenakis componeerde al sinds zijn zestiende toen hij in 1947 als ingenieur bij Le Corbusier begon. Die dubbele loopbaan staat in de westgevel van La Tourette: hij tekende de glaspartijen als een partituur — ongelijke tussenafstanden, onderverdeeld volgens de Modulor, die samen toch één ritme vormen. Dat is precies wat een goede pagina doet — regelmaat zonder herhaling.

Wij kijken naar architectuur omdat dat vak millennia voorsprong heeft op het onze in dezelfde vraag: hoe verdeel je een vlak zo dat het klopt vóór iemand kan uitleggen waarom.

De oorsprong van onze lijntjes

La Tourette — stijlen op ongelijke afstanden
La Tourette — stijlen op ongelijke afstanden

Xenakis' ritme voor La Tourette — verticale lijnen op de blauwe reeks.

Waar gebruik je wat

Rode reeks

px

8 · 13 · 21 · 34 · 55 · 89 · 144

  • Fontgrootte & lijnhoogte
  • Letter-spacing
  • Padding binnen componenten
  • Ruimte tussen tekst en kop

Blauwe reeks

var(--col)

12 kolommen · φ-split

  • 12-koloms raster
  • Sectie-witruimte (macro)
  • Foto-hoogtes & -offsets
  • Hero-hoogte
  • Uitbrekende & negatieve marges

De maat is een keuze, geen wet

De Modulor is niet heilig, en Le Corbusier behandelde hem zelf ook niet zo: hij begon met een figuur van 1,75 meter — de Franse gemiddelde lengte — en verving die later door 1,83. De navel van die figuur ligt op 1,13 meter, en 1,83 gedeeld door 1,13 is 1,619. Daar zit de gulden snede, gemeten op een lichaam.

Dat één "ideaal" mannenlichaam als maat voor iedereen zou gelden, is precies het deel dat we niet overnemen. Die kritiek is terecht, en na zijn dood hebben architecten zich er niet voor niets van losgemaakt.

Wat overblijft zijn de verhoudingen. Die zijn niet van Le Corbusier en niet van ons: 1,618 werkt omdat het oog het herkent, niet omdat iemand het heeft afgesproken. Wij lenen de reeksen, niet de antropologie.

De maat als kamer

Cel van een dominicaan, klooster La Tourette — op schaal getekend. Alle drie de maten zijn termen uit de Modulor: 1,83 = 113 × φ (rode reeks) · 2,26 = 2 × 113 (blauwe reeks) · 5,92 = 226 × φ² (blauwe reeks). Eén man breed, één opgeheven arm hoog.

2,26 m
1,83 m · doorsnede
5,92 m · lengtedoorsnede

Zelfde maatvoering, eigen plattegrond

Dit is een meetinstrument: het legt de maten vast en laat de vorm vrij.

Wat vastligt, is het meetsysteem: het raster, de twee reeksen, de interlinieformule, de manier waarop kleuren en componenten zijn opgebouwd. Wat per project ontstaat, is de compositie — welke secties er zijn, in welke volgorde, hoe de pagina opent, waar het beeld staat en waar de tekst begint.

Wat dat oplevert, is bewegingsruimte. De ene site opent over de volle breedte met een gebouw; de volgende begint met een tekstkolom en laat het beeld pas daarna zien; een derde heeft helemaal geen openingsbeeld en start meteen met een index. Alle drie kloppen ze, en om dezelfde reden: ze staan op dezelfde maatvoering.

Een architect werkt niet anders. Vaste traphoogtes, vaste deurmaten, een stramien op elke tekening — en elke keer een andere plattegrond. Dat de maten vastliggen is niet wat de vrijheid inperkt, het is wat haar mogelijk maakt.

Drie sites, één stramien

Dezelfde twaalf kolommen, drie verschillende gebouwen. Wat vastligt is de maatvoering; de schikking is elke keer opnieuw een ontwerp. Blauw is beeld, rood is tekst — de reeksen waar ze uit komen.

beeld eerst
tekst naast beeld
zonder hero

Wat het oplevert

Praktisch betekent dit dat er in een site van Major Tom geen losse getallen bestaan. Elke marge, elke lettergrootte en elke kolombreedte komt uit een van deze twee reeksen. Een nieuwe pagina erft het systeem in plaats van opnieuw te beginnen — en blijft dus kloppen wanneer de inhoud verandert, ook als wij er niet bij zijn.

Wat per project verandert, is de compositie van de pagina — en daarbovenop de huid: de typografie, de accentkleur, de toon van de koppen. Hetzelfde stramien, een ander gebouw.

Major Tom is een digitale studio in Gent. We bouwen elke site op dit fundament, omdat een systeem dat klopt goedkoper is om te onderhouden dan een ontwerp dat elke keer opnieuw bedacht moet worden.

Geen ruis, alleen ritme.

Gefundeerd op proportie