Saltar al contenido
motionframe
motionframe

Biblioteca

Entrar

Buscar piezas

Categorías

La pieza

Qué hace y dónde encaja

Landing minimalista para estudios creativos, en blanco roto y negro con un único color vivo (amarillo por defecto) y cero pasteles, cursivas o manuscritas. La portada es una palabra gigante en Archivo variable cuyas letras se ensanchan y engordan según la distancia al cursor, con un disco amarillo que persigue el puntero y una marquesina que acelera con el scroll. Siguen un manifiesto que se enciende palabra a palabra con un rayo que se dibuja, una lista de proyectos con vista previa en duotono que sigue al cursor, un carril horizontal fijado de tarjetas que se inclinan con la velocidad y se rellenan desde el punto de entrada, cifras que ruedan como un marcador y un contacto con botón magnético y copiar email. Encaja en estudios, agencias y portfolios; cambia el color vivo por rojo, naranja, azul eléctrico o verde ácido.

Prompt
≈20.883 tokens · con Lite
Librerías
gsap · lenis
Demo
53,7 KB · medio
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 del estudio
  • Palabra gigante de la portada
  • Ciudad
  • Color vivo
  • Email
  • Teléfono
  • Dirección

Í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
7.951 palabras · ≈20.883 tokens
Lite
1.622 palabras · ≈3.076 tokens
Librerías
gsap 3.15.0 · lenis 1.3.26
Peso de la demo
53,7 KB (medio)
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

7.951 palabras en el Completo y 1.622 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 amarillo por un azul eléctrico y pon el texto sobre él en blanco»
    • «Que la palabra gigante sea «NORTE» y el estudio esté en Brenmar»
    • «Haz que las letras reaccionen el doble al cursor»
    • «Añade un séptimo proyecto a la lista con otra imagen del banco»
  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

¿Funciona sin ratón, en móvil o tablet?
Sí. Sin puntero fino la palabra y el disco se mueven solos, cada proyecto enseña su imagen bajo el título, el carril de servicios se apila y el menú se abre con una máscara circular.
¿Puedo usar otro color vivo?
Sí, cambia una sola variable (--voltio). Rojo, naranja, azul eléctrico o verde ácido funcionan; con azul, el texto que va encima debe pasar a blanco. Evita los pasteles: rompen el contraste que sostiene el diseño.
¿Qué pasa con un nombre más largo o más corto en la palabra gigante?
La palabra se mide sola y se escala para ocupar el ancho; funciona bien entre 5 y 9 letras. En móvil se parte en dos filas por la mitad.
¿Y si el usuario tiene el movimiento reducido?
No arranca Lenis ni ninguna animación de scroll; la palabra queda fija, las cifras salen ya terminadas y los servicios se apilan. Todo el contenido sigue legible.
¿Qué diferencia hay entre el prompt Completo y el Lite?
El Completo (≈20883 tokens) describe la pieza con todo detalle y es el que mejor resultado da en Claude, ChatGPT, Gemini o Cursor. El Lite (≈3076 tokens) resume lo esencial para herramientas que aceptan menos texto, como Lovable, Bolt o v0.

Versión 1.0 · publicada el 01-10-2026

Otras plantillas

Todas las plantillas

Combina bien con esta pieza

Más para tu sectorToda la biblioteca

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.