Sobre esta plantilla
Paradiso CTA es la referencia de bloque de CTA para una marca de viajes, y el brief que hay detrás es una especificación de construcción completa, no un moodboard. El titular dice “Enter your email address”, y el orden de bloque de CTA gira alrededor de esa línea. Toda la página se construye sobre blanco #EFF3F4 de base y lima intenso #1B200B para la tipografía. Se entrega como un único archivo HTML autocontenido, así que el conjunto de bloque de CTA se puede trasladar a un proyecto sin traspaso de diseño. El movimiento se queda en un vídeo en bucle de fondo. Es la referencia adecuada para este tipo de bloque de CTA en una marca de viajes, que tiene que transmitir intención desde la primera pantalla.
Pensado para
- Pasa un único archivo HTML autocontenido al desarrollador con el recorte de 2522x1858 adjunto y deja que lo reconstruya.
- Si tres personas tienen que editar el diseño de bloque de CTA, dales a los responsables de contenidos pasos de espaciado de 15px en vez de una captura.
- Este diseño de bloque de CTA sirve a diseñadores que tienen que entregar una implementación en un único archivo HTML autocontenido a un desarrollador y quieren el movimiento por escrito.
Qué incluye
- Números que llegan al montaje. Aquí nada se mide a ojo. La especificación fija pasos de espaciado de 15px, y el resto de la maquetación se deriva de esos valores. Cada valor responde a una función: un paso de tipo, un hueco, un radio o una transición.
- Clip sin márgenes tras el tipo. El marco de 2522x1858 lo llena un solo bucle que se reproduce detrás del texto y no pide controles. El bucle es lo bastante corto (4,6s) para que el ojo lo lea como textura y no como una línea de tiempo. Exporta a 2522x1858 o más ancho para que el recorte siga siendo honesto.
- Una escala para tipo y marco. El espaciado se cita igual (pasos de espaciado de 15px), no como una escala que crece sola.
- Vídeo en la capa inferior. Un fotograma de póster a 2522x1858 sostiene la composición cuando no hay reproducción automática, así que la maquetación nunca se desmorona.
Movimiento e interacción
Un bucle, no una secuencia
El clip de fondo se reproduce 4,6s en 2522x1858 en bucle infinito, silenciado y en línea, así que la página sigue moviéndose mientras la atención del lector está en el texto. No hace falta ninguna librería de scroll, porque el único movimiento ambiente es el propio medio. Nada más en la página se anima de forma continua, así que el medio es lo único que pide atención.
Estático a propósito
Esta se entrega como composición estática en 2522x1858, así que la jerarquía tiene que funcionar sin movimiento, y funciona. El movimiento se trata como respuesta y no como adorno.
Qué cambiar primero en Paradiso CTA
Si tu marca gasta una paleta más pesada, pruébala contra el marco antes de decidir. Como blanco #EFF3F4 sostiene la página, un acento más oscuro necesita más contraste del que usa la referencia. Conserva el recorte del material: hace tanto trabajo como la tipografía.
Cómo ordena Paradiso CTA la primera lectura
La atención se canaliza en lugar de dispersarse. La página lo dice sin rodeos: “Enter your email address”. El ojo aterriza primero en la línea de display, después en el texto de apoyo y por último en la acción. Esa secuencia es el diseño. Quien busca viajes recibe la oferta antes que las opciones.
Las cifras detrás de bloque de CTA
No se puede ajustar una composición a ojo cuando la reconstruyen dos personas. El brief elimina la discusión y lo deja por escrito una sola vez: pasos de espaciado de 15px. Nada de este tipo de bloque de CTA depende de un valor por defecto.
Preguntas frecuentes
¿Qué me llevo cuando copio el brief de Paradiso CTA?
El brief capturado ocupa 1.665 caracteres y describe la maqueta, la escala tipográfica, la paleta y las transiciones. Copiarlo te da ese texto; si lo mandas a Studio, la misma petición queda preparada con la página ya descrita.
¿Puedo reconstruir este diseño de bloque de CTA de Paradiso CTA con otro stack?
La referencia está construida en un único archivo HTML autocontenido, pero la maqueta no depende de esa decisión: el espaciado, la escala tipográfica y los valores de movimiento pasan a lo que ya uses.
¿El brief de Paradiso CTA es lo mismo que el prompt que escribiría yo?
Todo lo que se cita en la página procede del brief capturado de 1.665 caracteres y no de un texto redactado a posteriori. Por eso los números y la prosa concuerdan.
