Echowave

Qué incluye

Prompts

HTML · 1016 líneas / React · 1309 líneas

Medios

video-intro · image-layers · audio

Alojamiento

cdn.orbital.supply, ya incluido en el prompt

Tipografías

Red Hat Display + Red Hat Text · 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, rendered-intro, mask-reveal, interactive-object

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

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

# Build: "Echowave" — a playable record player hero, rendered from above

## 0. Brief

A single-screen hero for Echowave One, a fictional turntable with the speaker woven into its felt deck. A warm-grey photo studio: the brand name spans the full width, section links sit under it, and the turntable lies below, seen from straight above. After a strobe-mark loader, a rendered camera move glides from a low angle over the record up to the top view and hands over, pixel for pixel, to live image layers. Then the turntable works: press play and the tonearm swings onto the spinning record, the needle thumps and crackles, the track starts and the arm creeps inward as it plays.

El prompt completo se desbloquea en el lanzamiento.