Colophon

This site is a single page of WebGL and five stylesheets. No UI framework, no WebGL library, no CSS framework: about 9KB of field code and two draw calls.

Set in

Space Grotesk for display, Inter for body copy and JetBrains Mono for the small labels. All three are subset to latin and clamped to the weight range the CSS asks for, and all three are metric-matched to a system fallback so the swap moves nothing on the page.

Built with

Astro, output static, prerendered at build time and served from the edge. Images are resized by sharp during the build rather than at request time.

The field

Sixty thousand points, morphed between formations in the vertex shader as you scroll. The formations are computed on a worker at startup and transferred rather than copied. It watches its own frame times and gives ground in steps when the machine cannot hold the rate, then climbs back when it can.

Reduced motion

prefers-reduced-motion stops the clock. The field freezes, the intro does not play, and the camera holds still.

irisbakker.dev