Ontwerpsysteem

Vlakken

Tekst

Glas

Lijnen

Diepte

Overig

Accenten

Sfeer

Doorzichtige waarden worden eerst over het achterliggende vlak gelegd, want een rand van 12% wit is niet 12% wit maar wat je uiteindelijk ziet. De eis is 4,5:1 voor tekst en 3:1 voor de begrenzing van een bedieningselement.

Tekstgroottes

• Ag --text-xs 0.8rem
• Ag --text-sm 0.889rem
• Ag --text-base 1rem
• Ag --text-lg 1.125rem
• Ag --text-xl 1.25rem
• Ag --text-2xl 1.5rem
• Ag --text-3xl 1.875rem
• Ag --text-4xl 2.25rem
• Ag --text-5xl 3rem
• Ag --text-6xl 3.75rem

Letters

Drie letters, en ze stonden tot 29 augustus 2026 nergens als token — dertig keer letterlijk "Space Grotesk" en zesendertig keer "JetBrains Mono" door het stijlblad heen. De onderste twee zijn van de oude laag en wijzen nog naar Inter; die wordt door de site niet meer gebruikt maar wel door de beheeromgeving, en daarom staan ze er nog.

• Ag
  --font-body "Inter", system-ui, -apple-system, sans-serif
  oude laag
• Ag
  --font-heading "Space Grotesk", "Inter", system-ui, sans-serif
  oude laag
• Ag
  --font-kop "Space Grotesk", system-ui, sans-serif
• Ag
  --font-tekst "Hanken Grotesk", system-ui, sans-serif
• Ag
  --font-mono "JetBrains Mono", ui-monospace, monospace

Hoekrondingen

• --radius-sm 0.375rem
• --radius-md 0.75rem
• --radius-lg 1rem
• --radius-xl 1.5rem
• --radius-full 9999px

Ruimte

• --space-1 0.5rem
• --space-2 1rem
• --space-3 1.5rem
• --space-4 2rem
• --space-5 2.5rem
• --space-6 3rem
• --space-8 4rem
• --space-10 5rem
• --space-12 6rem
• --space-16 8rem

• Bouwen, niet genereren Beeld dat een object beschrijft wordt in Blender gebouwd. Dat levert vier dingen tegelijk: geen beeldcredits, écht werk dus binnen de contentwaarheidsregel, een demonstratie van de dienst die we verkopen, en een beeldtaal die niet te kopiëren is omdat het geen stockstijl is.
• Eén idee per beeld Navy ondergrond, zijlicht, en één ding dat het beeld draagt. Het merkzaad legt een palet vast — amber, cyaan, navy — en géén materiaal. Toen alles messing werd, hield het materiaal op iets te betekenen: dan kies je voorwerpen die zich ín messing laten uitvoeren in plaats van voorwerpen die waar zijn.
• De doorsnede is het bewijs Naast het eindbeeld staat dezelfde scène in klei, met de randen in amber. Van een gegenereerd beeld bestaat die niet, dus er valt niets uit te leggen en niets te weerleggen. Een bijschrift "gerenderd in Blender" is een bewering, en beweringen worden gecontroleerd.
• Het beeld heeft een eigen grond Een render kun je opnieuw belichten, een opname niet — een nachtvlucht laat zich niet licht graderen zonder een slechte nachtvlucht te worden. Daarom wisselt het montuur niet mee met het thema. Op een lichte pagina leest donker beeld dan als een gemonteerde opname in plaats van als een gat.
• Beweging alleen waar ze waar is Drie van de drieëntwintig artikelbeelden bewegen: de weegschaal hunt na, de tandwielen draaien één ronde zodat de slijtage langskomt, en bij de stempel beweegt alléén de camera — daar is de slag geslagen en zou elke beweging van het onderwerp verzonnen zijn. De lus sluit op het beeldpunt af, dus je ziet nooit een sprong. De still blijft het element dat de laadtijd bepaalt; de clip komt erover te liggen zodra hij kan spelen. Onder 768 pixels en bij verminderde beweging wordt hij niet eens opgehaald.

• Een knop zonder palet Het ontwerp heeft twee themaknoppen, maar `dark` bepaalt er precies twee waarden: het icoon en het bijschrift. Nul kleuren wisselen. Het hele lichte palet is van ons, inclusief het donkerdere accent — oranje haalt op een lichte ondergrond anders geen 4,5:1.
• Beeldvlakken zonder beeld Het ontwerp reserveert de ruimte en toont er een plaatshouder. Wat erin hoort, hoe het over twee thema's werkt en waar het vandaan komt, stond nergens. Dat is de vorige sectie geworden.
• Een schaal die niet werd gebruikt De hoekrondingen en de letters lagen als token klaar en werden genegeerd: achttien harde waarden voor vijf tokens, en zesenzestig letterlijke letternamen. Trouw overzetten was toen goed — het opruimen hoorde erbij en gebeurde pas later.