RUBRA
un estudio de marca para empresas a punto de florecer
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 · 724 líneas / React · 741 líneas
- Medios
- Vídeo de fondo · Imagen de fondo · Canvas
- Alojamiento
- cdn.orbital.supply, ya incluido en el prompt
- Tipografías
- Italiana + Libre Franklin · 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, line-draw, scroll-film, overlap-sheets
Probada y documentada
06 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 / 741 líneas en el prompt completo
# Build: "RUBRA — a brand studio for companies about to bloom" — a light editorial site where a traced bare maple draws itself, becomes a photograph and blooms red with the scroll
## 0. Brief
Rubra (fictional) is a brand studio: cream paper, ink and two reds, Italiana with Libre Franklin. A loader draws a bare Japanese maple from its root onto a photograph of that tree, which grows red leaves as you scroll. Line drawings of the tree recur; sections overlap as sheets.El prompt completo se desbloquea en el lanzamiento.