Genera un mockup de hero para un sitio web con flores en estilo semitono vintage para una página de aterrizaje de suscripción de diseño.
Objetivo: Crear un mockup de hero vertical y pulido para una página de aterrizaje de un servicio de suscripción de diseño, con un look editorial de semitono nostálgico y la precisión del diseño web estilo Figma.
Lienzo: Imagen en formato vertical 3:4 sobre un fondo exterior negro puro. Centrar una tarjeta de sitio web rectangular alta con esquinas redondeadas, que ocupe la mayor parte del marco y deje márgenes negros gruesos alrededor.
Visual principal: Dentro de la tarjeta, usar una escena de ensueño estilo fotografía de flores silvestres mirando hacia arriba contra un cielo azul con nubes blancas suaves. Aplicar una textura de semitono vintage fuerte en toda la imagen de la tarjeta. Añadir un degradado negro oscuro que suba desde la parte inferior para que la mitad inferior se vea tenue y legible, mientras que la parte superior permanezca azul cielo brillante. Los elementos florales visibles deben incluir exactamente 9 flores principales: 1 flor amarilla parcial en la esquina superior izquierda, 1 flor rosa cerca de la parte superior izquierda, 2 margaritas blancas agrupadas en el centro-izquierda, 1 cosmos blanco grande en el centro-derecha, 1 margarita blanca cerca de la parte inferior izquierda, 1 flor pequeña azulada cerca del centro inferior, 1 flor rosa en la parte inferior derecha y 1 flor blanca oscura parcialmente oculta en el borde inferior derecho, además de tallos delgados y pequeños brotes de aliento de bebé.
Navegación superior: Colocar exactamente 3 botones pequeños tipo píldora centrados cerca de la parte superior de la tarjeta con un estilo sutil de vidrio/desenfoque y sombras suaves. Texto del botón 1: "Iniciar sesión" en una píldora gris carbón oscuro. Texto del botón 2: "Reservar llamada" con un pequeño icono de teléfono blanco antes del texto en una píldora translúcida oscura cálida. Texto del botón 3: "Ver precios" en una píldora gris azulado esmerilado claro. Usar texto blanco pequeño, limpio y sin remates (sans-serif).
Detalle central: Añadir un indicador de carga en el medio de la tarjeta, hecho de un anillo circular blanco con un pequeño punto rojo anaranjado en la parte inferior izquierda del anillo. Mantenerlo simple y nítido.
Tipografía del hero: Cerca del tercio inferior, centrar un titular grande y elegante con remates (serif) en blanco que diga "Diseño y dev\npor suscripción". La primera línea dice “Diseño y dev”; la segunda línea dice “por suscripción”, con la palabra “suscripción” en cursiva serif. Usar tipografía refinada de alto contraste, espaciado entre letras generoso y una sensación editorial lujosa.
Llamada a la acción: Debajo del titular, centrar una pequeña llamada a la acción (CTA) en blanco que diga "Ver planes" seguida de una flecha delgada hacia la derecha. Mantenerlo minimalista y alineado con el titular.
Restricciones de estilo: Diseño de hero web de alta gama, fondo de cielo floral realista, textura de impresión de semitono, desvanecimiento cinematográfico oscuro en la parte inferior, esquinas de tarjeta redondeadas, sin elementos de navegador, sin logotipos adicionales, sin marcas de agua, sin texto adicional más allá de los 3 botones de navegación, el titular y la llamada a la acción.