Saltar al contenido
motionframe

Buscar piezas

Categorías

La pieza

Qué hace y dónde encaja

Un fondo de vídeo en bucle para portadas con presencia: un busto humano abstracto y sin rasgos, hecho de cintas horizontales de cromo azul que gira despacio sobre un negro absoluto. El vídeo está generado con IA, tiene el final fundido con el principio para que el bucle no deje costura e incluye MP4 de 1080p, WebM, una versión de 720p para móvil y el póster. La demo desplaza el vídeo a la derecha para dejar el texto a la izquierda, añade un velo de legibilidad, un titular mínimo en grotesca sin cursivas y una píldora con progreso y botón de pausa; todo se detiene fuera de pantalla, con la pestaña oculta y con movimiento reducido (entonces queda el póster). El prompt enseña a usarlo de fondo en cualquier web. Encaja en portadas de estudios creativos, tecnología, IA, moda, audio, productos digitales y lanzamientos. El color vivo del titular y la píldora se cambia con una sola variable.

Prompt
≈3.396 tokens · con Lite
Librerías
ninguna
Demo
9,1 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
  • Palabra destacada del titular
  • Texto de la píldora
  • Color vivo

Índice del prompt

Qué hay dentro del prompt

Qué trae el prompt, por apartados

  1. 01Qué es
  2. 02Recursos (vídeo y póster)
  3. 03Tokens de diseño
  4. 04Estructura y contenido
  5. 05Código clave
  6. 06Interacción
  7. 07Cómo usarlo de fondo en cualquier web
  8. 08Adaptación a móvil y tablet
  9. 09Accesibilidad y movimiento reducido
  10. 10Rendimiento
  11. 11Personalización
  12. 12Comprobación final
Completo
1.607 palabras · ≈3.396 tokens
Lite
551 palabras · ≈1.113 tokens
Librerías
ninguna
Peso de la demo
9,1 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.607 palabras en el Completo y 551 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:
    • «Cambia el color vivo a verde ácido»
    • «Quita la píldora y deja solo el titular»
    • «Usa el vídeo como fondo de una sección que no ocupe toda la pantalla»
    • «Centra el busto y el titular»
    • «Vira el metal de azul a violeta con un filtro CSS»
  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 generar algo yo?
No. El prompt enlaza el vídeo ya hecho (MP4, WebM, versión de móvil y póster). Si prefieres alojarlo tú, descárgalo y cambia solo la constante ASSETS.
¿Cuánto pesa el vídeo?
El MP4 de 1080p ronda los 2,6 MB, el WebM 1,3 MB y el de 720p para móvil unos 0,7 MB. Mientras carga se ve el póster, de unos 50 KB.
¿Hay costura en el bucle?
No se nota: el final del vídeo está fundido con el principio durante medio segundo, de modo que el atributo loop enlaza sin salto.
¿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.
¿Se puede cambiar el color del cromo?
El metal ya es azul en el vídeo; el color vivo de la interfaz sí es una variable. Para otro tono del metal aplica un filtro CSS hue-rotate al vídeo y al póster.
¿Qué diferencia hay entre el prompt Completo y el Lite?
El Completo (≈3396 tokens) describe la pieza con todo detalle y es el que mejor resultado da en Claude, ChatGPT, Gemini o Cursor. El Lite (≈1113 tokens) resume lo esencial para herramientas que aceptan menos texto, como Lovable, Bolt o v0.

Versión 1.0 · publicada el 01-10-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.