← Back to library

3D Website

Lumen / 01

Scroll-controlled 3D product study. Chrome character, editorial type, a sequence rail down the right edge.

2 tools★ 97
#3d#scroll#editorial
CursorClaude

The prompt

Prompt
# LUMEN/01 — Scroll-Scrubbed Presence Study

## What you're building

A single-page product film for an AI product (`{{brand}}`), built as one long scroll-scrubbed video sequence with editorial sections falling out of it. The distinctive idea: an 8-second clip of the subject is pinned for six screens of scroll and its `currentTime` is bound directly to scroll position — the visitor scrubs the performance forward and backward, and four numbered captions cross-fade over it as the frames advance. Everything else on the page is near-black, oversized neo-grotesque, and one cyan signal colour.

**This is a `<video>` element, not a shader.** No canvas, no WebGL, no 3D library. One `<video>`, one rAF loop, one `IntersectionObserver`. If you find yourself reaching for three.js, you have misread the brief.

🔒 Unlock the full prompt

Members get every prompt, updated weekly.

Go Unlimited — $149 lifetime

More like this