The making of

One page, one floodlight

How this site was designed and built, in the tradition of documented builds: the brief, the techniques, the assets, and what the critique passes actually caught.

The brief

Direction "Midnight Pitch", chosen from three style tiles rendered with real fonts before any code existed. Concept spine: the empty stadium at night, one golden floodlight, a private viewing. Palette locked to night blue-black, ivory, steel and one gold accent. Typography: Bodoni Moda over Archivo.

Signature techniques

The hero film is a hybrid: at rest it idles on a muted ambient loop, and the moment you scroll, your scroll position takes over video.currentTime through a damped requestAnimationFrame loop, so the floodlight sweep belongs to the visitor. No animation library is loaded; the whole motion system is hand-rolled and gated behind prefers-reduced-motion. One hard-won detail: the host serves the file without Range support, which quietly makes a video unseekable, so the loop is fetched into a blob URL first and scrubbing works everywhere.

Supporting details: a film grain overlay from an inline SVG turbulence filter, a gold difference-blend cursor, count-up didone numerals, parallax plates driven by transforms only, and two CTAs that share no styling because every call to action deserves its own garment.

The assets

All imagery was generated with Higgsfield: one hero still (GPT Image 2, high), two supporting plates (medium, style-referenced to the hero), and a five-second ambient loop (Kling 3.0 Turbo) scrubbed by the hero. Everything was compressed to production budgets: images 46 to 70 KB WebP. The hero loop is the one deliberate exception: a scrubbed video needs a keyframe every few frames or seeking freezes, so it ships at 922 KB muted h264 with a keyframe every eight frames instead of a lean single-keyframe encode. Total generation cost: about 20 credits.

What the critique passes caught

Three render-critique-fix passes ran against desktop and mobile screenshots before delivery. What they caught, honestly logged:

Pass one: sections below the tall scrub hero were unreachable for the screenshot harness, so the page gained section anchors, and the match clock joined as the deliberate complexity upgrade. Pass two: stat sub-labels and the footer sat below comfortable contrast on the night background and were lifted a full step; the record numerals crowded each other and were resized; mobile section rhythm was tightened; the manifesto gained its gold signature word. Pass three: final verification across fourteen screenshots, zero console errors on desktop and mobile.