Fovea

Qué incluye

Prompts

HTML · 452 líneas / React · 518 líneas

Medios

image-strip · Canvas

Alojamiento

cdn.orbital.supply, ya incluido en el prompt

Tipografías

Familjen Grotesk · 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, infinite-carousel, drag-inertia, wheel

Probada y documentada

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

# Build: "Fovea — a photography studio hero" — an endless strip of surreal photographs seen through one liquid lens

## 0. Brief

Fovea (fictional) is a photography studio in Lisbon. The hero is one black screen framed by small editorial type. Across its middle runs an endless strip of seven photographs of different proportions, seen through a single wide lens: the frame in the centre stays true (the fovea, the sharpest point of the eye) while frames near the edges swell, curve upward and split into red and blue, as if seen at the edge of vision. Behind the strip, a faint field of tiny receptors drifts outward and blinks in and out; it glows in the colour of the nearby photographs, wakes under the pointer and lights up at the edges when the strip moves. Scroll, drag, swipe, the arrow keys, a click on a side frame or the discipline index move the strip; it always settles on a frame. A short loader lights the field from the centre, then the strip glides in from the right.

El prompt completo se desbloquea en el lanzamiento.