De prompts achter het licht

De vrije brief waaruit het concept groeide (spoor S, het model als smaak-autoriteit).

Bouw een showcase-site die de uiterste capaciteiten in webdesign toont: fundamenteel eigen, met geavanceerde visuele technieken (waaronder hoogwaardige 3D), buitenaardse animaties, een uitzonderlijk kleurpalet en gedurfde typografie. Volledige creatieve vrijheid. Het moet iemand een dag later nog bijblijven.

Drie richtingen afgewogen, de gedurfdste haalbare gekozen.

Schets 3 radicaal verschillende concepten voor een licht-studio. Kies er één met een onvergetelijk signature-moment binnen harde gates (a11y 100, 60fps, reduced-motion volwaardig). Gekozen: "Het Halcyon", één raymarched volumetrisch licht-organisme (teal + koper) dat ademt in een zwarte void en morpht met de scroll. Afgevallen: caustic-cathedral (te dicht bij eerder werk) en aurora-atlas (al gedaan).

Bewust weg van het "dark + één neon-accent + glow"-cliché.

Palet "Kingfisher": ijsvogel-teal (#35e0cf) en koper/amber (#ef9a4e) in spanning met elkaar, drijvend in inkt-zwart (#05080a). Koude leegte, warm hart. Twee kleuren die naar elkaar reiken maar elkaar nooit raken. Geen platte gloed, wel schilderkunstige volumetriek met koele kern en warme rand.

Novel via extreme optische maat, niet via een exotisch font.

Display: Fraunces Variable op optische maat 144, licht gewicht (~340), zachte + wonk-assen aan. Kolossaal en licht: schaal doet het werk. UI: Hanken Grotesk. Instrument-tegenstem: JetBrains Mono voor labels en live HUD-cijfers, omdat de studio "licht meet".

De tekst-spec die de fragment-shader stuurde. Geen library, met de hand geschreven.

Fragment-shader raymarcher. Per pixel: bounding sphere (radius 2.2) voor snelheid, dan ~34 stappen door een domain-warped FBM value-noise volume. Dichtheid gevormd door een radiale shell zodat het een drijvend organisme wordt. Kleur: teal in lage dichtheid, koper in de kern, bleek goud in de hotspots. uTime laat het ademen, uScroll morpht dichtheid/warp/camera/palet, uMouse geeft subtiele parallax. Tonemap zacht. Interne resolutie 0.62x, DPR gecapt op 1.5.

De statische eindtoestand voor mobiel, reduced-motion en no-WebGL.

Gelaagde radial-gradients die het organisme benaderen: teal-halo bovenaan, warme koper/goud-kern, donkere vignette-rand, op inkt-zwart. Altijd aanwezig als instant-LCP; de canvas fade-t er enkel bovenop wanneer WebGL beschikbaar is en beweging gewenst.