Colofon · showcase
Hoe de pagina zich verft
Meekrap is één idee: het web als een pigmentkast, waar de inhoud de kleur bepaalt in plaats van het ontwerp.
De platen
De vier verfplanten zijn custom botanische illustraties, gemaakt met Recraft in één stijl-taal: antieke, hand-gekleurde herbarium-platen op krantwit papier. Elke plant draagt haar eigen kleurstof, meekraprood, wouwgeel, wedeblauw en notenbruin. Dit is AI-gegenereerd beeld en wordt zo vermeld volgens de EU AI Act.
De pagina neemt het pigment
Kies een pigment en de héle bladzijde stroomt over in die kleur. Onder de motorkap staat het palet in CSS custom properties (--pig-wash, --pig, --pig-deep). Een klik zet die vier variabelen; omdat de achtergrond en de accenten een zachte overgang hebben, verft de pagina zich in zeshonderd milliseconden om. Bewust géén View Transitions, gewoon kleur die vloeit.
Krantpapier, geen glossy
De basis is opzettelijk krantgrijs met inkt, niet het warme cream-en-terracotta waar een ambachtsmerk vanzelf naartoe drijft. De verzadigde kleur komt uit de plant, niet uit het sjabloon. Een fijne papierkorrel (SVG-ruis, vermenigvuldigd) ligt eroverheen.
Toegankelijk
De pigmentkast is een echte tablist: kies met muis of pijltjestoetsen, met zichtbare focus. Contrast blijft AA op elke kleur (de achtergrond is altijd een lichte tint, de tekst blijft inkt). Met prefers-reduced-motion springt de kleur zonder animatie en staat alle inhoud er gewoon.
Gereedschap
- Astro + Tailwind op Cloudflare Pages.
- Recraft voor de vier botanische platen; ffmpeg voor de WebP-conversie.
- Fraunces (serif), IBM Plex Mono (herkomst-data) en Caveat (handschrift).