Cenote
un estudio de marca, digital y motion que diseña bajo la superficie
Se desbloquea en el lanzamiento
Únete a la lista de espera para acceder a esta pieza. ¿Ya eres miembro? Inicia sesión
Has iniciado sesión como miembro: copia los prompts completos o cambia el vídeo por la vista en vivo.
Qué incluye
- Prompts
- HTML · 574 líneas / React · 553 líneas
- Medios
- Escena WebGL · Imagen de fondo
- Alojamiento
- cdn.orbital.supply, ya incluido en el prompt
- Tipografías
- Bricolage Grotesque + Geist + Geist Mono · Google Fonts
- HTML
- Un archivo · 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
- Movimiento
- loader, pointer-drift, scroll-dive, word-fill
Probada y documentada
09 de octubre de 2026
- Reproducida en Claude
- Reconstruida a ciegas desde el prompt: React y HTML
- Revisada a 375, 768, 1440, 1920 px
- Revisor de la spec: 0 errores, sin enlaces a generadores
Cómo usarla
Claude
Pega el prompt de HTML en un chat nuevo. Obtienes un index.html para servir por HTTP o publicar donde quieras.
Vite + React
Abre un proyecto vacío de Vite + React y pega el prompt de React. Indica los paquetes exactos; las URLs de los recursos ya están dentro.
El prompt
Extracto / 553 líneas en el prompt completo
# 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.El prompt completo se desbloquea en el lanzamiento.