MASSFICTION
Give ideas weight
Unlock at launch
Join the waitlist for access to this piece. Already a member? Sign in
You're signed in as a member: copy the full prompts, or switch the film to the live preview.
What's inside
- Prompts
- HTML · 269 lines / React · 271 lines
- Media
- Background film · Background image
- Hosting
- cdn.orbital.supply, already in the prompt
- Fonts
- Barlow Condensed + Barlow · Google Fonts
- HTML
- One file · React 19.3.0 · gsap 3.15.0 · @gsap/react 2.1.2
- React
- React 19.3.0 · Vite 8.3.2 · TypeScript 6.0.3 · gsap 3.15.0 · @gsap/react 2.1.2
- Motion
- scroll-linked-film, masked-type, directional-projects, curtain-opening
Tested & documented
05 October 2026
- Reproduced in codex
- Rebuilt blind from the prompt: HTML and React
- Checked at 375, 768, 1440, 1920 px
- Spec linter: 0 errors, no generator links
How to use it
Claude
Paste the HTML prompt into a new chat. You get one index.html to serve over HTTP or publish anywhere.
Vite + React
Open an empty Vite + React project and paste the React prompt. It lists the exact packages; the asset URLs are already inside.
The prompt
Excerpt / 271 lines in the full prompt
# Build: MASSFICTION — Give ideas weight
## 0. Brief
Build a complete English website for MASSFICTION, a fictional independent film and hybrid production studio. Human intention meets physical material: a blue-lit adult hand and a heavy basalt rock connect five cinematic chapters, followed by four complementary sections. Monumental condensed typography, precise editorial alignment and deep film lighting give the page its identity. Scroll explores contact, levitation and composition before opening a finite, full-screen portfolio; every film is an original AI-generated concept, not a client commission.The full prompt unlocks at launch.