DATUM

Qué incluye

Prompts

HTML · 606 líneas / React · 649 líneas

Medios

Vídeo de fondo · Imagen de fondo · Canvas

Alojamiento

cdn.orbital.supply, ya incluido en el prompt

Tipografías

Archivo + Schibsted 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, cursor-reveal, scroll-video, map-zoom

Probada y documentada

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

# Build: "DATUM" — a contractor's site from open ground to a finished building, told in one scroll

## 0. Brief

A fictional contractor for concrete-frame buildings. The page opens on its finished riverside building at dusk; where the pointer passes, the same frame shows day one (bare yard, one excavator under a green work light). Scrolling opens day one, rises to a night satellite map of a conceptual city that zooms through logistics to the plot, then a fixed rooftop site camera builds the building with the scroll. Interludes, handover, projects, company and a footer where the name rises from the ground close it. Industrial, editorial, calm; one green accent; formwork geometry in every component.

El prompt completo se desbloquea en el lanzamiento.