Sobre esta plantilla
SkyElite Private Jets conserva el rastro de sus decisiones: el brief que hay detrás de sección hero ocupa 2.285 caracteres. Abre con “Your dedication deserves recognition” y le da el marco a esa línea en lugar de encogerla en una tarjeta. La paleta es azul intenso #1A2229 de base, con la tipografía Inter. Se entrega como React y Tailwind CSS, así que el conjunto de sección hero se puede trasladar a un proyecto sin traspaso de diseño. Es más útil cuando cada sección hero de Viajes tiene que sobrevivir a un cambio de texto sin rediseño.
Pensado para
- Los desarrolladores que necesiten que el diseño de sección hero aguante una conexión lenta usarán 1920x1455 y la escala tipográfica como presupuesto de peso.
- Agencias que llevan su sección hero de una marca de viajes a una propuesta y quieren citar secciones de 100vh y pasos de espaciado de 12px en la presentación para que el presupuesto siga en pie tras el kickoff.
- Pensado para responsables de contenidos que reescriben un diseño de sección hero cuyo titular tiene que seguir siendo tan largo como el de SkyElite Private Jets.
Qué incluye
- Fila superior: marca, enlaces y acción. La barra se superpone sobre sección hero en lugar de empujarla hacia abajo, así la composición conserva toda la altura de la primera pantalla. La acción lleva el acento mientras los enlaces se quedan en el color del texto, así la jerarquía de la barra coincide con la de la página que tiene debajo. Copia este patrón cuando necesites una navegación que aguante una primera pantalla ruidosa.
- Los pasos de espaciado van cifrados. El brief nombra las cifras: secciones de 100vh y pasos de espaciado de 12px. Por eso la composición se sostiene, porque no hay ningún paso de espaciado inventado entre el tipo y el marco. El brief declara valores y no proporciones, así la composición conserva sus relaciones cuando el texto cambia de longitud.
- Cada tipo con una función. El tipo es Inter en lo alto de la escala, con el texto de apoyo muy por debajo, así la jerarquía no necesita color para leerse. Cambiar de tipografía es seguro mientras los tamaños y los pesos se queden donde los puso el brief.
- Primero el texto, después el adorno. Todo lo que está por encima del pliegue se gana su sitio. El brief nombra el texto, el marco de 1920x1455 y los tamaños de tipo, y no deja nada decorativo compitiendo con ellos. La página es una sola composición a 1920x1455, y por eso se sostiene cuando cambia el texto.
Movimiento e interacción
Interacción contenida y local
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. Cada estado cambia una sola propiedad, lo que mantiene legible la respuesta. Mantén pequeña la capa interactiva.
Estático a propósito
Esta se entrega como composición estática en 1920x1455, así que la jerarquía tiene que funcionar sin movimiento, y funciona. La composición se queda quieta, así que la jerarquía tiene que sostener la página, y lo hace. La quietud es una opción válida.
El reflujo de sección hero
La maquetación estrecha está diseñada, no heredada. En cada ancho, la sección se mantiene a 100vh y la navegación se pliega en un menú móvil, para que la jerarquía sobreviva al reflujo. La escala cambia con el viewport; la secuencia, no.
Qué cambiar primero en SkyElite Private Jets
Donde un tema te da componentes, este brief te da una composición: secciones de 100vh y pasos de espaciado de 12px y un marco para el material, con el tema en tus manos. Reescribe la línea de display antes de tocar el color.
Las cifras detrás de sección hero
En este tipo de sección hero no se mide a ojo. Las cifras vienen del brief (secciones de 100vh y pasos de espaciado de 12px) y la maquetación se ordena según esos pasos en lugar de ajustarse a empujones. Nada de este tipo de sección hero depende de un valor por defecto.
Preguntas frecuentes
¿El prompt de SkyElite Private Jets es una especificación cerrada o un punto de partida?
El brief capturado ocupa 2.285 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.
¿Por qué la ficha nombra React y Tailwind CSS?
SkyElite Private Jets 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.
¿Cómo trato los medios de SkyElite Private Jets en un proyecto de cliente?
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 1920x1455.
