TRAMO
transporte de mercancías por carretera, mar y aire desde Valencia
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 · 380 líneas / React · 380 líneas
- Medios
- Vídeo de fondo · Imagen de fondo · Escena WebGL · Modelo 3D (GLB)
- Alojamiento
- cdn.orbital.supply, ya incluido en el prompt
- Tipografías
- Mona Sans + Fragment Mono · Google Fonts
- HTML
- Un archivo · gsap 3.15.0 (+ ScrollTrigger · ES modules from jsDelivr) · lenis 1.3.26 (ES module from jsDelivr) · tramo-route-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 · tramo-route-v1 (CDN ES module · three.js 0.186.1)
- Movimiento
- gate-loader, film-cycle, pinned-hero-sink, scroll-journey-3d
Probada y documentada
23 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
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 / 380 líneas en el prompt completo
# Build: "TRAMO" — freight forwarding by road, sea and air from Valencia
## 0. Brief
A long, light, architectural landing for TRAMO, a fictional freight forwarder on the port of Valencia's quay. Transport is grey; only your cargo is orange, changing vehicle leg by leg. Moments: a port-gate loader, an aerial film, one white scale model of a 27-day shipment that scroll travels, and a container-door modal tool that assembles the same model at night.El prompt completo se desbloquea en el lanzamiento.