Persiana
GratisCristal y luz · WebGL
La pieza
Qué hace y dónde encaja
Un fondo de vídeo en bucle a pantalla completa: un océano de miles de partículas azul eléctrico que se desplaza muy despacio, con bokeh en primer plano, una cresta luminosa en el horizonte y un cielo casi negro. El vídeo está generado con IA (Higgsfield, MiniMax H3) y el final enlaza con el principio mediante un fundido cruzado de 0,5 s, así que el bucle no deja costura visible. Incluye MP4 de 1080p, WebM, una versión de 720p para móvil y el póster. La demo añade un velo para que se lea el texto, un titular mínimo en grotesca sin cursivas, una píldora de interfaz con pausa y progreso, y se detiene fuera de pantalla y con movimiento reducido (entonces muestra el póster). El prompt enseña a usarlo de fondo en cualquier web: atributos del vídeo, póster, móvil, velo y accesibilidad. Ideal para la portada de un producto de datos, una startup de IA, un laboratorio o un evento de tecnología.
Encaja bien en webs de
- Prompt
- ≈3.163 tokens · con Lite
- Librerías
- ninguna
- Demo
- 8,4 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:
- Titular (parte recta)
- Titular (palabras en color de acento)
- Texto de la píldora
- Color de acento
Índice del prompt
Qué hay dentro del prompt
Qué trae el prompt, por apartados
- 01Qué es
- 02Recursos (vídeo y póster)
- 03Tokens de diseño
- 04Estructura y contenido
- 05Código clave
- 06Interacción
- 07Cómo usarlo de fondo en cualquier web
- 08Adaptación a móvil y tablet
- 09Accesibilidad y movimiento reducido
- 10Rendimiento
- 11Personalización
- 12Comprobación final
- Completo
- 1.495 palabras · ≈3.163 tokens
- Lite
- 481 palabras · ≈1.001 tokens
- Librerías
- ninguna
- Peso de la demo
- 8,4 KB (ligero)
- Resolución máxima (DPR)
- 2
- Se pausa fuera de pantalla
- sí
- Respeta «menos movimiento»
- 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
1.495 palabras en el Completo y 481 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:- «Quita el titular y la píldora y deja solo el fondo»
- «Úsalo solo en la cabecera de 80 vh, con el resto de la página encima»
- «Oscurece el velo para que se lea un párrafo largo»
- «Pon el titular alineado a la izquierda y el acento en blanco»
- «Vira el azul a verde o violeta con hue-rotate sobre el vídeo»
- 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
¿Cuánto pesa el vídeo?
El MP4 de 1080p ronda los 3,5 MB y el de 720p para móvil unos 1,4 MB. Mientras carga se ve el póster, que pesa unos 155 KB.
¿Hay costura en el bucle?
No debería notarse: el final del vídeo está fundido con el principio durante 0,5 s y la cámara es fija, así que con el atributo loop el salto desaparece.
¿Es un vídeo real?
No: está generado con IA (Higgsfield, MiniMax H3) y licenciado junto con la pieza.
¿Qué pasa con el movimiento reducido o el ahorro de datos?
Con prefers-reduced-motion el vídeo no se descarga ni se reproduce: se queda el póster. Fuera de pantalla, el vídeo se pausa.
¿Puedo cambiar la paleta?
El vídeo ya está etalonado en azul eléctrico. Puedes cambiar el color de acento del texto y el velo, o aplicar un filtro CSS (hue-rotate) al vídeo y al póster para virar el color.
¿Qué diferencia hay entre el prompt Completo y el Lite?
El Completo (≈3163 tokens) describe la pieza con todo detalle y es el que mejor resultado da en Claude, ChatGPT, Gemini o Cursor. El Lite (≈1001 tokens) resume lo esencial para herramientas que aceptan menos texto, como Lovable, Bolt o v0.
Versión 1.0 · publicada el 01-10-2026
