Cenote
a brand, digital and motion studio that designs below the surface
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 · 574 lines / React · 553 lines
- Media
- WebGL scene · Background image
- Hosting
- cdn.orbital.supply, already in the prompt
- Fonts
- Bricolage Grotesque + Geist + Geist Mono · Google Fonts
- HTML
- One file · gsap 3.15.0
- React
- React 19.3.0 · gsap 3.15.0 · @gsap/react 2.1.2 · Tailwind 4.3.3 · Vite 8.3.2 · TypeScript 6.0.3
- Motion
- loader, pointer-drift, scroll-dive, word-fill
Tested & documented
09 October 2026
- Reproduced in Claude
- Rebuilt blind from the prompt: React and HTML
- 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 / 553 lines in the full prompt
# Build: "CENOTE — we design below the surface" — a dark studio site over a WebGL well of stacked plates that you dive into with the scroll
## 0. Brief
Cenote (fictional) is a brand, digital and motion studio. Black page, one 12-column grid, Bricolage Grotesque condensed in capitals with Geist. Behind everything a fixed WebGL well of flat black plates (loaded from our CDN) slides with the pointer, dives and empties as you scroll, and relights at the contact. Light sheets slide over pinned chapters.The full prompt unlocks at launch.