Persiana
GratisCristal y luz · WebGL
La pieza
Qué hace y dónde encaja
Siete láminas de tela superpuestas, blancas, verde botella y salvia, forman colinas suaves que se pierden en la bruma. El viento las recorre por debajo: las crestas respiran, los pliegues de la falda se mecen y un halo cálido de sol entra por la derecha. Es un loop de 8 s renderizado en Blender (1920×1080, bucle perfecto) que se sirve en WebM y MP4 y se pinta en WebGL para etalonarlo en vivo: tres paletas conmutables (Salvia, Arcilla y Noche americana), grano fino, viñeta y un paralaje leve que sigue al ratón. Encaja como fondo de portada en marcas textiles, interiorismo, cosmética natural, bodegas o turismo rural, con un titular encima. Sin WebGL cae al vídeo con filtros CSS; con movimiento reducido se queda quieto en el primer fotograma.
Encaja bien en webs de
- Prompt
- ≈10.331 tokens · con Lite
- Librerías
- ninguna
- Demo
- 19,3 KB · ligero
- Prueba en frío
- pendiente
Antes de copiar
Tu marca, dentro del prompt
Cambia lo que quieras y copia: el prompt sale ya con el nombre, los colores y los textos de tu cliente. Lo que dejes en blanco se queda como en la demo.
Mete tu marca y tus colores en el prompt
Con Pro o con tu llave de regalo. Esto es lo que puedes cambiar:
- Nombre de la marca
- Ciudad
Índice del prompt
Qué hay dentro del prompt
Qué trae el prompt, por apartados
- 01Qué es
- 02Librerías y esqueleto
- 03Tokens de diseño
- 04Estructura y contenido
- 05Movimiento
- 06Código clave
- 07Interacción
- 08Adaptación a móvil y tablet
- 09Accesibilidad y movimiento reducido
- 10Rendimiento
- 11Personalización
- 12Comprobación final
- Completo
- 5.121 palabras · ≈10.331 tokens
- Lite
- 1.220 palabras · ≈2.367 tokens
- Librerías
- ninguna
- Peso de la demo
- 19,3 KB (ligero)
- Resolución máxima (DPR)
- 2
- Se pausa fuera de pantalla
- sí
- Respeta «menos movimiento»
- sí
- Alternativa sin WebGL
- sí
Tokens estimados para español (≈3,6 caracteres por token): sirven para orientarte, no son exactos.
prompt.md Pro
El prompt está en Pro
5.121 palabras en el Completo y 1.220 en el Lite. El prompt real solo sale del servidor cuando tienes acceso.
Prueba en frío
La prueba en frío
Aún sin publicar para esta pieza
En la prueba en frío pegamos el prompt en Claude Sonnet 5.5, sin ayuda ni contexto, y comparamos lo que genera con la demo. Cuando esté hecha, aquí verás la captura, el veredicto y la fecha.
Paso a paso
Cómo usarlo en 4 pasos
- 01
Personaliza
Rellena el formulario de arriba con el nombre, los colores y los textos de tu cliente. Se meten en el prompt al copiar. - 02
Copia el Completo o el Lite
El Completo, para Claude, ChatGPT, Gemini o Cursor. El Lite, más corto, para Lovable, Bolt o v0, que aceptan menos texto. - 03
Pega e itera
Pégalo en una conversación nueva. Si quieres cambiar algo, pídelo con una frase corta:- «Empieza en la paleta Noche americana y pon el titular en blanco»
- «Quita el paralaje del ratón y deja solo el vídeo»
- «Crea una cuarta paleta en azul lavanda»
- «Pon el titular centrado y más pequeño, con un botón debajo»
- 04
Publica
Guarda el resultado como HTML (o en tu proyecto) y súbelo a Vercel, Netlify o tu hosting de siempre. Tienes los pasos en la guía.
Licencia en claro
Qué puedes hacer con esta pieza
Todas las piezas incluyen licencia de uso comercial. Usa el resultado tal cual en tus productos, encargos freelance o webs de clientes, sin atribución.
Puedes
- Usarlo en tus webs y en las de tus clientes, también si cobras por ellas.
- Cambiarlo todo lo que quieras.
- Publicar el resultado sin citarnos.
No puedes
- Revender o regalar el prompt, la demo o el código como plantilla o biblioteca.
- Compartir tu cuenta Pro.
Es la misma licencia para lo gratis y lo Pro. La tienes entera en licencia de uso.
Preguntas frecuentes
Lo que suele preguntarse
¿Tengo que renderizar el vídeo yo?
No. El prompt apunta a los archivos ya codificados (WebM, MP4 y póster, en 1080p y 720p) servidos por URL absoluta con CORS abierto. Si quieres regenerarlo, el script de Blender viene con la pieza.
¿Cuánto pesa?
El HTML ronda los 20 KB. El vídeo de 1080p pesa unos 260 KB en WebM (880 KB en MP4) y en móvil se carga el de 720p (170 KB); el póster WebP se ve al instante mientras llega el vídeo.
¿Puedo usarlo sin WebGL, como un vídeo normal?
Sí: un <video autoplay muted loop playsinline> con object-fit: cover ya funciona. El WebGL solo añade las paletas, el grano y el paralaje; el prompt explica las dos formas.
¿Se puede poner texto blanco encima?
En Salvia y Arcilla el cielo es claro y pide tinta oscura. Para texto blanco usa la paleta Noche americana, que oscurece la escena como un día por noche de cine.
¿Qué diferencia hay entre el prompt Completo y el Lite?
El Completo (≈10331 tokens) describe la pieza con todo detalle y es el que mejor resultado da en Claude, ChatGPT, Gemini o Cursor. El Lite (≈2367 tokens) resume lo esencial para herramientas que aceptan menos texto, como Lovable, Bolt o v0.
Versión 1.0 · publicada el 30-09-2026
