Glass Rod Atrium 3D
Built for Spanhall, the sample brand inside the template
One request hung as a waterfall of glass and brushed-metal rods in a skylit atrium, bending the wordmark on the wall behind it.
It builds, or it's free. If this prompt doesn't rebuild the site you saw in its live demo, email us within 14 days of buying for a full refund.
How it moves
One sticky screen. A modelled white atrium (gridded skylight with light shafts, balcony with a glass rail, a window onto trees, polished concrete floor with soft reflections) holds 17 rods for one POST /checkout request of 1,243 ms: each rod starts at its span's start time and is as long as its duration, rows stepping down, clear and frosted glass alternating with anisotropic brushed metal, and db.query (840 ms) in cobalt glass. The wordmark is painted in near-black on the back wall so the glass refracts it. Rods near the pointer lift on springs, swing on their wires, glow from within and show a mono label with span name and duration; the camera leans with the pointer, and over one extra screen of scroll it eases towards the cobalt rod while the sentence and its one button fade.
What you get
- A tested build prompt · 10.5k wordsPaste it into Claude Code, Cursor, Codex or Lovable and it builds the hero section by section.
- The working projectVite + React.
npm install && npm run devand it runs, no keys or accounts. - The assets and their promptsEvery image and loop, plus the exact prompts that made them, so you can make your own.
Inside the prompt
A hero for a developer tool, Spanhall. One request, POST /checkout taking 1,243 ms, hangs in a modelled, skylit white atrium as a waterfall of 17 rods: one rod per span, its left end at the span's start time, its length its duration, each row a step lower than the one above. Glass rods alternate with brushed-metal rods; the longest child span, db.query (840 ms), is a deep cobalt glass rod. The wordmark "Spanhall" is painted in near-black on the back wall behind the rods, so the glass bends it. Daylight falls through a gridded skylight in visible shafts. A first-time phone visitor sees the room under the skylight, the middle of the waterfall with the cobalt rod across the wordmark (both ends of the wordmark and the longest rods run past the screen edges), one sentence and one button at once; on a computer the rods lift, swing on their wires and show their span name and duration as the pointer passes. It ends on one action, "Install free".
- What it is
- Style
- Build steps
- Assets
- Motion summary
- Make it yours
- Launch checklist
- Acceptance checks
