RIME

Qué incluye

Prompts

HTML · 490 líneas / React · 513 líneas

Medios

video-loop · video-scrub · Imagen de fondo · Escena WebGL · svg

Alojamiento

cdn.orbital.supply, ya incluido en el prompt

Tipografías

Saira · Google Fonts

HTML

Un archivo · gsap 3.15.0 (+ ScrollTrigger · jsDelivr) · lenis 1.3.26 (jsDelivr) · rime-planner-v1 (CDN ES module · three.js 0.186.1)

React

react 19.3.0 · vite 8.3.2 · typescript 6.0.3 · tailwindcss 4.3.3 · gsap 3.15.0 (+ ScrollTrigger) · @gsap/react 2.1.2 · lenis 1.3.26 · rime-planner-v1 (CDN ES module · three.js 0.186.1)

Movimiento

door-loader, pinned-video-scrub, pinned-monitor, sticky-sheets

Probada y documentada

22 de octubre de 2026

• Reproducida en Claude
• Revisada a 375, 768, 1440, 1920 px
• Revisor de la spec: 0 errores, sin enlaces a generadores

Cómo usarla

1. Claude

   Pega el prompt de HTML en un chat nuevo. Obtienes un index.html para servir por HTTP o publicar donde quieras.

2. 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 / 513 líneas en el prompt completo

# Build: "RIME" — cold rooms and refrigeration for kitchens and food businesses

## 0. Brief

A long, cold, technical landing for RIME, a fictional refrigeration contractor for restaurants, hotels and food businesses with a 24/7 breakdown line. Concept: the pull-down, from kitchen heat to setpoint. A door loader counts +21 °C → +2 °C as the page loads; each section holds a temperature that a rail, the nav readout and the type width follow. Blue is cold and focus; amber only heat or alarm. Moments: the hero door shutting with scroll, a monitor living a freezer's bad week, room sheets stacking to −40 °C, and a five-step planner modal where a 3D cut-away room builds itself and ends in a printable spec sheet.

El prompt completo se desbloquea en el lanzamiento.