PDK
Het visuele systeem achter alles wat onder de naam Pieter de Kroon verschijnt: web-interfaces, canvassen, slides en print. Eén bron voor mensen en voor AI.
Principes
Zwart, grijs en wit
Er is geen merkkleur. De identiteit zit in typografie, ritme en ruimte.
Ruimte is materiaal
Veel witruimte, weinig elementen. Bij twijfel een stap meer ruimte.
Kleur is signaal
Kleur verschijnt alleen als er iets aan de hand is, en nooit als tekstkleur.
Onderdelen
Kleur
Een neutrale schaal in OKLCH, semantische tokens voor light en dark, en twee signaalkleuren.
Typografie
Funnel Display voor koppen, Manrope voor alles wat je leest. Negen vaste groottes.
Ruimte en radius
Spacing op een raster van 4. Radius die meegroeit met de grootte van het element.
Iconen
Lucide, alleen lijn, 1.5 dik. Kleur alleen bij status.
Motion
Twee duren, twee easings. Rustig en functioneel.
Componenten
Knoppen, velden, kaarten, badges en meldingen in gewone HTML en CSS.
Zo gebruikt AI dit systeem
Skills en projecten verwijzen naar deze bron en kopiëren geen losse waarden. Een wijziging hier geldt daarna overal.
| Bestand | Wat erin staat |
|---|---|
DESIGN.md | Tokens en regels in één bestand. Altijd eerst lezen. |
tokens/tokens.css | Alle tokens als CSS-variabelen, light en dark. |
components/pdk.css | Componenten als gewone HTML-classes, framework-onafhankelijk. |
CHANGELOG.md | Wat er per versie veranderd is. |