Sobre esta plantilla
Scaling Platform se capturó a 1916x1080 y se conserva como especificación, no como imagen de galería. El color se limita a blanco #F2F1F0 de base, negro #3A3A3A para la tipografía y turquesa brillante #15BCDF para los acentos y la página se compone en Quantico. Se entrega como un único componente, así que el conjunto de landing page se puede trasladar a un proyecto sin traspaso de diseño. El movimiento se limita a transiciones de 1s y un vídeo en bucle de fondo. Cuando prepares el brief de cada landing page de SaaS, parte de esta composición y sustituye el tema.
Pensado para
- Pensado para un diseñador que se incorpora a un proyecto que ya está en producción con un único componente y solo necesita sustituir los textos.
- La página sirve a desarrolladores front-end que rehacen su landing page de un producto de IA o SaaS en un único componente y buscan los números que hay detrás del aspecto.
- Si la maquetación parte de un único componente, llévate primero secciones de 100vh y pasos de espaciado de 20px y no toques la paleta hasta que se asiente la cuadrícula.
Qué incluye
- Fila superior: marca, enlaces y acción. Los enlaces van en una sola línea y a un único tamaño, y la acción #15BCDF cierra la fila por la derecha, de modo que el ojo termina donde acaba la navegación. Los enlaces se componen a un tamaño menor que la marca, y la acción en #15BCDF es el único elemento de la barra con peso.
- Medido contra el viewport. La maquetación trabaja con valores absolutos y no con proporciones: secciones de 100vh, pasos de espaciado de 20px y transiciones de 1s. Cada valor se puede comprobar contra el prompt capturado, y eso hace que un remontaje sea verificable y no aproximado.
- El vídeo es el fondo, no un panel. La composición se construye encima del clip de 1916x1080 y no a su lado, de modo que los medios nunca reciben un panel ni un borde. Exporta a 1916x1080 o más ancho y el recorte de cobertura sigue funcionando. Exporta a 1916x1080 o más ancho para que el recorte siga siendo honesto.
- Una tipografía, usada con disciplina. Las fuentes tienen papeles asignados y no se mezclan: Quantico sostiene a la vez la línea display y la interfaz. La interlínea sigue los pasos de tamaño y no un valor global único. Comprueba la escala en gris.
Movimiento e interacción
Una duración para los controles
Las transiciones están fijadas en 1s, y ese es el tiempo que deben cumplir los controles. El easing se especifica junto a la duración (1s), así que una reconstrucción no puede colar otra sensación sin avisar. Pasa las duraciones a tu implementación.
Movimiento ambiente sin librería de scroll
El movimiento ambiente es un clip de 5,1s en 1916x1080, en bucle discreto detrás del texto y sin reaccionar al puntero. El clip es lo bastante corto para girar sin costura visible, y eso importa más que su resolución.
Qué se mueve en Scaling Platform
El movimiento se limita a transiciones de 1s, un bucle de 5,1s y una aparición de línea enmascarada. Nada en este tipo de landing page se anima más tiempo del que permite el brief. Nada se anima por gusto en este tipo de landing page.
El orden detrás de landing page
Una pantalla, una acción y navegación, el titular, la fila de cifras, el clip de fondo y el pie de página entre medias. El brief fija ese orden en lugar de dejar la primera pantalla a una pila de secciones. Quien busca SaaS recibe la oferta antes que las opciones.
Hacer tuyo este tipo de landing page
No hace falta rehacer este tipo de landing page para que sea tuyo. Sustituye el titular y el material, conserva la escala (secciones de 100vh y pasos de espaciado de 20px) y la maquetación seguirá leyéndose como fue diseñada. Otra marca puede reutilizar el marco entero.
Preguntas frecuentes
¿Por qué la ficha nombra un único componente?
Scaling Platform se construyó en un único componente, 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é puedo hacer con el brief de Scaling Platform una vez lo tengo?
Todo lo que se cita en la página procede del brief capturado de 5.231 caracteres y no de un texto redactado a posteriori. Por eso los números y la prosa concuerdan.
¿Cuánto ocupa el prompt que hay detrás de Scaling Platform?
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 1916x1080. En ningún punto la imagen renderizada funciona como fuente de la verdad.
