Van ruis naar beeld.

Het portret bovenaan de home is een foto, geen AI-beeld. De site leest de foto uit en zet de randen en de tonen om in tienduizenden punten.

Elk punt heeft twee plekken: één in een wolk ruis, één in het portret. Je scroll zet de stappen, zoals een diffusiemodel ruis wegneemt, tot er na vijftig stappen een gezicht staat. Je cursor werkt als attention: daar is het beeld al verder. De seed is de datum van vandaag.

Bij elk beeld staat wat het is: Foto of AI-beeld. Bij elk cijfer in een case staat waar het vandaan komt.

Elk beeld komt binnen als ruis en wordt scherp terwijl je scrolt. Het label verandert niet mee: een foto blijft een foto, ook als hij uit de ruis komt.

Prompts van klanten blijven van de klant. In de cases zie je de stappen van brief tot beeld, maar de stap met de prompt blijft altijd ruis: het enige op deze site dat nooit scherp wordt.

Het schilderij dat je op de 404-pagina in de ruis vindt, is mijn eigen werk, gemaakt met Kling.

Alles wat je leest, staat gewoon in de HTML. De canvassen zijn een laag erbovenop: zonder WebGL, of met "minder beweging" aan, werkt de site volledig en staan de beelden meteen scherp.

Framework

Nuxt 4, server-side gerenderd, gehost op Vercel

Inhoud

Prismic, met Slice Machine

Beweging

GSAP (ScrollTrigger) en Lenis

WebGL

OGL voor het puntportret, de beelden die ontruisen en de paginaovergang

Shaders

Eigen GLSL: punten, ruis en ontruisen

Koppen

Bricolage Grotesque, smal en zwaar

Accent

Instrument Serif, cursief

Zwart

#000000

Wit

#FFFFFF

Lime

#D2FF00

Een site voor iemand die met AI werkt, hoort ook leesbaar te zijn voor AI. Er is een llms.txt met een overzicht, en elke pagina bestaat ook als platte Markdown: zet .md achter het adres (voor de home: /index.md).