Alles op deze site komt uit dezelfde onderdelen
Eén schaal, één palet, één set componenten. Wat je op de landing ziet is hetzelfde als wat er in de applicatie draait, en daardoor blijft het consistent als er iets bijkomt.
Het teken en het woordmerk
Een document met een scheurrand. Links de perforatie, rechts een claim met de kortere bron eronder, want dat is de kleinste eenheid van dit product. Het woordmerk staat in een serif, en dat is het enige plekje waar we van de grotesk afwijken. Minimaal 20 pixels voor het teken, vrije ruimte rondom is de helft van de tekenhoogte.
Papier, inkt en drie statuskleuren
Het papier is neutraal en koel, de inkt is bijna zwart maar nooit puur zwart. Groen is hier geen merkkleur maar een status. Statuskleuren dragen uitsluitend de staat van een gegeven. Ze verschijnen als stip, als tekst of als zacht merkje, nooit als achtergrond van een sectie of als hoofdknop.
Eén schaal voor de hele omgeving
Geist voor de interface, Fraunces voor het merk, Geist Mono uitsluitend voor echte data: een SKU, een batchnummer, een datum, een getal.
De onderdelen waar alles uit bestaat
Elke knop, elk veld en elke tabel op deze site komt hier vandaan. Wijzig je hier iets, dan verandert het overal.
Vul een geldig e-mailadres in.
| Claim | Bron | Status | Datum |
|---|---|---|---|
| Materiaalsamenstelling | GRS 8841-PT | Geverifieerd | 12-08-2026 |
| Recycled content | geen bron | Actie | — |
Het motief dat overal terugkomt
Hoekmarkeringen, een machineleesbare regel en een stempel die alleen verschijnt als alles klopt. Spaarzaam gebruiken, want een stempel die overal staat betekent niets meer.
Het merkteken zit in het papier van elk paspoortvlak. Zichtbaar genoeg om te herkennen, te zwak om te lezen als inhoud.
- Geverifieerd91
- Aandacht4
- Actie1
Ronding, schaduw en achtergrond
Buiten groot, binnen kleiner, en nooit twee gelijke radii op elkaar. Schaduw in drie lagen: een contactrand, een zachte val en een diepe val.
Waar we ons aan houden
Een systeem is pas een systeem als de afspraken opgeschreven staan.
Geen losse marges op onderdelen. Een ouder bepaalt de ruimte, een kind bepaalt alleen zichzelf. Daardoor blijft elke sectie hetzelfde ritme houden.
Een SKU, een batchnummer, een datum of een getal. Nooit voor lopende tekst, want dan gaat de interface als een console lezen.
Groen, amber en rood staan voor de staat van een gegeven. Ze verschijnen als stip, als tekst of als zacht merkje, nooit als achtergrond van een sectie of als hoofdknop.
Wat geen bron heeft, wordt niet getoond als waarde maar als openstaande actie. Dat geldt in de app en op het publieke paspoort.
Alleen waar iets verandert of laadt. De hele boom staat in een MotionConfig die de systeeminstelling voor minder beweging volgt, en niets is onzichtbaar zonder JavaScript.
Zichtbare focus, echte labels, tabellen die op mobiel schuiven in plaats van breken, en tekst die op elke breedte leesbaar blijft.