Saltar al contenido
motionframe

Buscar piezas

Categorías

La pieza

Qué hace y dónde encaja

Fondo a pantalla completa con un vídeo propio renderizado en Blender (Cycles): una lámina gruesa de vidrio cuyas crestas se afilan y se curvan como el mar, cruzada por líneas de luz que resbalan por la superficie y por reflejos cian y violeta. El bucle dura 8 s y no tiene costura, porque cada onda da un número entero de vueltas en ese tiempo. Encima, un titular mínimo en grotesca (Inter Tight) con una palabra destacada en peso alto y color de acento, un selector de tres paletas (Abisal, Jade y Coral, que se funden en 1,1 s sobre el mismo vídeo), el reloj del bucle y un botón de pausa. Con ratón, el fondo se desplaza con un muelle suave. Sirve 720p a los móviles y 1080p al escritorio, se pausa fuera de pantalla y respeta el movimiento reducido. Encaja en la portada de estudios creativos, tecnológicas, marcas de diseño, arquitectura o eventos nocturnos.

Prompt
≈8.174 tokens · con Lite
Librerías
ninguna
Demo
18 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
  • Titular, primera línea
  • Palabra destacada
  • Titular, resto de la segunda línea
  • Titular, tercera línea
  • Color de fondo
  • Color de acento (paleta Abisal)

Índice del prompt

Qué hay dentro del prompt

Qué trae el prompt, por apartados

  1. 01Qué es
  2. 02Librerías y esqueleto
  3. 03Tokens de diseño
  4. 04Estructura y contenido
  5. 05Movimiento
  6. 06Código clave
  7. 07Interacción
  8. 08Adaptación a móvil y tablet
  9. 09Accesibilidad y movimiento reducido
  10. 10Rendimiento
  11. 11Personalización
  12. 12Comprobación final
Completo
3.983 palabras · ≈8.174 tokens
Lite
1.081 palabras · ≈2.266 tokens
Librerías
ninguna
Peso de la demo
18 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

3.983 palabras en el Completo y 1.081 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

  1. 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.
  2. 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.
  3. 03

    Pega e itera

    Pégalo en una conversación nueva. Si quieres cambiar algo, pídelo con una frase corta:
    • «Arranca con la paleta Coral»
    • «Añade una cuarta paleta más cálida, entre coral y dorado»
    • «Quita el titular y deja solo el fondo con el botón de pausa»
    • «Oscurece más el velo para poner un párrafo encima»
  4. 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.

Guías por herramientaClaudeChatGPTGeminiCursorLovableBoltv0

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 usa los vídeos y pósteres ya renderizados por URL absoluta (WebM y MP4, en 1080p y 720p). Solo si quieres otra ola distinta tendrías que renderizarla; el prompt explica las ondas y la luz con que se hizo.
¿Cómo cambio los colores si es un vídeo?
Con un filtro CSS sobre el mismo vídeo: cada paleta es un hue-rotate con un poco de saturación. Se cambia en una línea y se funde en 1,1 s, sin cargar nada más.
¿Pesa mucho para el móvil?
En móvil se carga la versión de 720p, y con el ahorro de datos activado solo el póster. El vídeo se pausa cuando sales de la sección o cambias de pestaña.
¿Puedo usarlo detrás de mi propio contenido?
Sí. Copia la sección con sus capas y mete tu contenido dentro: el velo oscuro ya da contraste para texto blanco, y el botón de pausa cumple la pauta de accesibilidad para fondos en movimiento.
¿Qué diferencia hay entre el prompt Completo y el Lite?
El Completo (≈8174 tokens) describe la pieza con todo detalle y es el que mejor resultado da en Claude, ChatGPT, Gemini o Cursor. El Lite (≈2266 tokens) resume lo esencial para herramientas que aceptan menos texto, como Lovable, Bolt o v0.

Versión 1.0 · publicada el 30-09-2026

Cópialo desde aquí

Tu navegador no nos deja escribir en el portapapeles. El texto ya está seleccionado: pulsa Ctrl + C (o ⌘ + C) o el botón.