Sobre esta plantilla
Lee LaunchEx About como especificación de página sobre nosotros: los valores se escribieron antes de construir la página. El color se limita a blanco #F0F5F7 de base, turquesa #154359 para la tipografía y turquesa #4BBDF0 para los acentos y la página se compone en Inter. La referencia está construida con React y Tailwind CSS, y las decisiones de maquetación se documentan aparte. Es la referencia adecuada para este tipo de página sobre nosotros en una agencia o un estudio, que tiene que transmitir intención desde la primera pantalla.
Pensado para
- Cita un marco de 640x464 en la nota de traspaso para que la siguiente implementación no tenga que volver a deducir nada de la página.
- Empieza por tipografía de 14px a 54px y secciones de 100vh y deja que la paleta venga después, porque el espaciado es lo que hace legible este diseño de página sobre nosotros.
- Quien le pase el brief de página sobre nosotros a un modelo usará el prompt de 6.908 caracteres como punto de partida.
Qué incluye
- Todas las medidas están escritas. En la maquetación nada queda a la intuición: el brief cita tipografía de 14px a 54px, secciones de 100vh y pasos de espaciado de 14px y el montaje tiene que dar esos valores. No hay ningún valor intermedio inventado entre los citados; la lista de medidas es todo el sistema.
- Cifras como tipografía. Las estadísticas se tratan como tipografía: cifras al tamaño display, etiquetas en el paso más pequeño del brief y todo en #4BBDF0 o en el color del texto, nunca en una tarjeta de color. Las cifras llevan el acento #4BBDF0 mientras todo lo que las rodea se queda en el color del texto. No encierres los números en cajas.
- Aquí nada se hereda. El espaciado se cita igual (tipografía de 14px a 54px, secciones de 100vh y pasos de espaciado de 14px), no como una escala que crece sola.
- Etiquetas bajo las cifras. Los números comparten la fuente de la interfaz, así pertenecen a la página en lugar de interrumpirla.
Movimiento e interacción
Puntero solo donde ayuda
El trabajo de puntero es pequeño y está especificado: estados hover en los botones y los enlaces y no en todas las tarjetas, aplicado a los elementos que ya parecen interactivos. Los objetivos interactivos son lo bastante grandes para tocarlos y el tratamiento del puntero es coherente entre ellos. Comprueba los estados en un dispositivo táctil.
Casi nada de movimiento
Aquí no hay librería de scroll: la composición de 640x464 se queda quieta y solo se mueven los elementos que responden a ti. El brief no incluye ninguna librería de animación, lo que mantiene pequeña la reconstrucción.
Cómo ordena LaunchEx About la primera lectura
El brief ocupa 6.908 caracteres y nombra el orden de lectura sin rodeos: la fila de cifras y la cuadrícula de tarjetas, con tipografía de 14px a 54px y secciones de 100vh entre medias. Quien busca agencia recibe la oferta antes que las opciones.
Leer LaunchEx About como especificación
La página tiene más cifras de las que parece. Las que una reconstrucción debe conservar son estas: tipografía de 14px a 54px, secciones de 100vh y pasos de espaciado de 14px; el resto puede moverse. Nada de este tipo de página sobre nosotros depende de un valor por defecto.
Qué cambiar primero en LaunchEx About
Supón que solo tienes una tarde. Cambia el titular y la etiqueta de la acción, no toques tipografía de 14px a 54px y secciones de 100vh y tendrás una página que parece intencionada. Conserva el marco y la escala; el tema es la parte que debe cambiar.
Preguntas frecuentes
¿El prompt de LaunchEx About es una especificación cerrada o un punto de partida?
El brief capturado ocupa 6.908 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 página sobre nosotros de LaunchEx About con otro stack?
LaunchEx About se construyó en React y Tailwind CSS, 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.
¿Puedo quedarme con las transiciones de LaunchEx About y cambiar los tiempos?
El movimiento se especifica con el mismo detalle que la maquetación: los cambios de estado se asientan en el rango de menos de un segundo. Traslada primero la composición y después los tiempos, porque igualarlos es más fácil cuando la estructura ya se sostiene. La captura de la referencia es de 640x464.
