volt studies
proGet the prompt, project and Figma file with monthly ($29 a month) or yearly ($249 a year). Plus tax where it applies.
A one-page website for an invented automotive studio, "VOLT — Studies in Motion", told as one continuous three.js scene over about 27,000 px of scroll. A light paper loader counts to 100% under a spaced-out wordmark, then dissolves into a dark concrete studio where a "{ VOLT }" poster stands in a ring binder on a plinth under a spotlight. Scrolling turns the binder's pages: each is a poster for one of three original concept cars, the ivory Speedster, the Racing Green Roadster and the ember Berlinetta, and each car rises out of its page as a real-time model you can drag to rotate, repaint with a sweeping colour wave, and re-trim (paint, interior, wheels). Detail studies fly the camera into the cockpit, the wheels or the engine bay with the bonnet lifting; holding a button cross-fades the Speedster's poster to its construction drawing, and another explodes the Berlinetta into canopy, coachwork and alloy. Between the cars a cinematic gallery shows the Racing Green car at full scale with captions and a night shot, and the walk ends in a hall of four lit posters, "History, Craft, Legacy, Tomorrow". Poster type is drawn into canvases and prints itself in like ink, interface text changes letter by letter, a film grain runs over everything, and choices are saved, shareable as a link and downloadable as a personal edition PDF made offline. A ?demo=1 mode plays a frame-exact scripted take for recordings, and phones get their own stacked layout.
what you get
- prompt
- Paste it into Claude, Codex, Kimi or Cursor to rebuild this template. Tested: we rebuild every template from its prompt before it goes live.
- project
- The Vite + React source code as a .zip, ready to run.
- figma file
- The editable design as a .fig file to import into Figma.
what's inside
- preloader
- intro
- navigation
- scroll animation
- 3d viewer
- 3d gallery
- camera moves
- film grain
- webgl shader
- toast
- touch support
- keyboard navigation
- autoplay
stack
- react
- vite
- typescript
- three
- webgl2
- gsap
- scrolltrigger
- canvas
fonts
Inter Tight, Sora
Free fonts, linked in the prompt.
colors
- #080908
- #E8E7DF
- #F4F3EE
- #103D29
- #BB461F
- #E8E5DA
license
With monthly or yearly: personal and commercial work, client projects included. Don't resell or share the template, prompt or files.
read the license

