Sobre esta plantilla
LTX Video muestra una forma de construir este tipo de landing page para un producto de IA o SaaS y publica las instrucciones que lo generaron. “The world model” es la línea que la maquetación está pensada para sostener. El color se limita a rojo apagado #FFD7E6 de base, azul intenso #0B1A26 para la tipografía y turquesa #7FE3FF para los acentos y la página se compone en Manrope. Se entrega como un único archivo HTML autocontenido, y la captura se fija a 1920x1400 antes de escribir código. La página reduce el movimiento a transiciones de 420ms, cubic-bezier(0.22, 1, 0.36, 1) y un vídeo en bucle de fondo. Tenlo abierto mientras escribes: el brief de 21.298 caracteres es la parte que se traslada a tu propia página.
Pensado para
- Equipos internos que amplían su landing page y necesitan que tipografía de 18px a 23px y secciones de 100vh pasen a los bloques nuevos sin tocar los valores.
- Profesionales del marketing de producto que necesitan que cada landing page siga leyéndose con 7,8s de vídeo en bucle detrás del texto.
- Pensado para responsables de contenidos que reescriben un diseño de landing page cuyo titular tiene que seguir siendo tan largo como el de LTX Video.
Qué incluye
- Fila superior, una acción. La barra es la parte más callada de la composición: marca, una fila corta de enlaces y una acción en #7FE3FF, todo al paso de tipo más pequeño del brief. Por debajo de 700px los enlaces colapsan en lugar de saltar a una segunda línea.
- Medios sin superposición. El marco de 1920x1400 lo llena un solo bucle que se reproduce detrás del texto y no pide controles. Un fotograma de póster a 1920x1400 sostiene la composición cuando no hay reproducción automática, así que la maquetación nunca se desmorona.
- Una familia, dos papeles. El tipo es Manrope en lo alto de la escala, con el texto de apoyo muy por debajo, así la jerarquía no necesita color para leerse. El interletraje se cierra a medida que crece el tamaño, y por eso la línea display se sostiene a lo largo de 18–23px. Compón la línea display al final.
- Navegación sin fondo propio. Las etiquetas son lo bastante cortas para caber en una línea a 700px, y el elemento activo se marca con peso y no con una píldora.
Movimiento e interacción
Un bucle, no una secuencia
El clip de fondo se reproduce 7,8s en 1920x1400 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. Como está silenciado, el bucle puede correr bajo el texto sin competir por el sonido ni por el foco.
La página responde al scroll
Parallax es el único comportamiento de scroll del brief, lo que evita que la página se sienta como una sucesión de efectos sueltos. Solo se usa un comportamiento de scroll, así que la página nunca se siente como una sucesión de efectos sueltos. Comprueba la composición sin el efecto.
Cómo ordena LTX Video la primera lectura
La atención se dirige, no se deja al azar. La página lo dice sin rodeos: “The world model”. La secuencia pasa por navegación, la fila de cifras, la lista de funciones, la cuenta atrás y el clip de fondo, y cada parada se mide contra tipografía de 18px a 23px y secciones de 100vh para que nada llegue desordenado. Quien busca SaaS recibe la oferta antes que las opciones.
Qué gana un producto de IA o SaaS aquí
Cuando haces el brief de landing page para un proyecto de SaaS, lo difícil es decidir qué se niega a decir la primera pantalla. LTX Video lo responde de antemano: una línea de display y navegación, la fila de cifras, la lista de funciones, la cuenta atrás y el clip de fondo detrás. LTX Video enuncia la oferta una vez y deja que la composición la repita en lugar de añadir una segunda promesa.
El reflujo de landing page
El brief describe qué cambia en cada ancho (la tipografía se limita entre 18px y 23px, la maquetación cambia a 700px y la sección se mantiene a 100vh), así que la versión móvil es una decisión y no un ajuste forzado. El contraste se mantiene en el acento #7FE3FF sobre el medio, y el vídeo va silenciado y en línea. La versión de móvil es una decisión, no un recurso de emergencia.
Preguntas frecuentes
¿Por qué la ficha nombra un único archivo HTML autocontenido?
LTX Video se construyó en un único archivo HTML autocontenido, y la ficha lo dice por procedencia. El brief describe posiciones, tamaños y tiempos, así que se puede reconstruir en cualquier framework capaz de componer tipografía y colocar elementos.
¿Qué me llevo cuando copio el brief de LTX Video?
Es un brief de construcción, no una descripción de ambiente: fija la escala tipográfica, el espaciado y los valores de movimiento en 1920x1400. En ningún punto la imagen renderizada funciona como fuente de la verdad.
¿Puedo publicar una página reconstruida a partir de LTX Video sin acreditar nada?
El brief es una descripción, no una licencia para redistribuir los recursos de otra persona. Conserva la estructura y los números, sustituye los medios y las marcas, y acredita la procedencia si un cliente pregunta de dónde sale la maqueta. La captura de la referencia es de 1920x1400.
