- Hero con video
- Scroll animado
Qué hace especial
- Scroll animado
- Escenas 3D
- Revelado suave de titulares y bloques al hacer scroll
- Transiciones discretas en navegación y botones
- Figura de papel en el pie (opcional, 3D diferido)
- prefers-reduced-motion respetado
Qué incluye
- Prompt para recrear y personalizar el diseño con IA.
- Código y archivos del sitio: imágenes, fuentes y licencias.
- Demo interactiva e instrucciones.
- Uso en sitios propios y proyectos finales de clientes.
Secciones y pantallas de la demo (6)
- Navegación
- Hero
- Manifiesto
- Equipo y proceso
- Proyecto destacado
- Pie con figura de papel
Qué puedes personalizar
- Nombre del estudio, textos y servicios
- Paleta verde casi negro / marfil (variables CSS)
- Tipografía display y de interfaz (con licencia web)
- Número de proyectos y bloques del manifiesto
Cómo empezar
- Copia el prompt y descarga los archivos.
- Llévalos a tu herramienta de IA y pide los cambios: marca, textos e imágenes.
- Revisa el resultado y publícalo en tu dominio.
Copia el prompt y descarga el paquete: tu herramienta de IA trabaja sobre el proyecto de pliegue-studio/ (README con instalación y dónde personalizar). Cambia el nombre, los textos, los colores y las imágenes por los tuyos. Es una landing editorial sin formularios conectados ni backend.
El resultado depende de tu herramienta de IA y de los cambios que hagas. La demo muestra la dirección visual.
Detalles técnicos y requisitos
Requisitos
- Las imágenes del paquete son de ejemplo, generadas con IA: sustitúyelas por fotografías propias o con licencia.
- GSAP se usa bajo su licencia Standard (no es MIT): revísala antes de redistribuir tu proyecto.
- Node.js 20.19 o superior para ejecutar el proyecto (Vite).
- No incluido: herramienta de IA (y sus créditos), dominio y hosting.
Tecnologías
- React
- Vite
- Three.js
- React Three Fiber
- GSAP
- WebGL
- 3D
Implementadas en el paquete que descargas.
React · Vite · GSAP (ScrollTrigger, SplitText) · Three.js · React Three Fiber · WebGL
Herramientas de IA sugeridas
ClaudeCodexv0
Compatibles con las instrucciones del diseño; no es una prueba registrada.
Compatibilidad probada: Sin prueba registrada todavía.
Paleta y tipografía
- Sans variable de gran tamaño (display)
- Sans de interfaz 13–15 px
Composición: Artboard 1440 · hero a pantalla completa · retícula editorial con márgenes amplios · secciones oscuras a ancho completo
Licencia y versiones
Úsalo en sitios propios y en proyectos finales de clientes, incluido uso comercial. No revendas ni redistribuyas el prompt, los archivos ni el sitio como plantilla. Leer la licencia
Procedencia: Paquete v1.1.0: código de la landing (React, Vite, GSAP y three), imágenes de ejemplo generadas con IA, tipografías Inter Tight y Archivo (OFL) y la figura de origami del footer (patrón de OrigamiSimulator, MIT). Avisos en LICENCIAS-Y-AVISOS.md.
- Versión
- v1.1.0 · Publicado 28 oct 2026
- Versiones
- v1.1.0 · 2026-11-02 — Paquete de código y assets: proyecto ejecutable, imágenes, tipografías y licencias (62 archivos). Prompt alineado con el paquete.
- v1.0.0 · 2026-10-29 — Publicación: preview en video del piloto, prompt breve y paquete con la implementación de referencia v4.4.
- v0.1.0 · 2026-10-29 — Borrador: preview en video del piloto y prompt propuesto. Paquete pendiente de derechos.