Un elegante mockup hero de SaaS que muestra la interfaz de un estudio de páginas de aterrizaje con IA en una oficina de tonos menta y azul suave.
Objetivo: Crear una imagen hero cuadrada y pulida para un concepto de página de aterrizaje SaaS que promocione MINTPAGE, un estudio de páginas de aterrizaje con IA.
Lienzo: Composición cuadrada 1:1, entorno de oficina con luz natural suave, paleta de colores pastel en tonos menta y azul pálido, estética tecnológica limpia y premium, mockup de producto 3D realista combinado con tipografía editorial refinada.
Diseño: Centrar la escena en un monitor de escritorio grande sobre una mesa de cristal brillante. En la parte superior, colocar una pequeña fila de marca con un logotipo circular tipo hoja de menta, la palabra MINTPAGE, una línea divisoria fina y el subtítulo AI LANDING PAGE STUDIO. Debajo, usar un titular elegante en una fuente serif muy grande de color azul oscuro: ¿POR QUÉ LA MAYORÍA DE LAS PÁGINAS CON IA PARECEN GENÉRICAS?. Bajo el titular, colocar exactamente 4 insignias de características pequeñas en una fila con iconos delicados en color menta y etiquetas: 1) Con tecnología IA, 2) React + Tailwind, 3) Listo para producción, 4) Creado para convertir.
Sujeto principal: El monitor muestra una interfaz limpia de constructor de aplicaciones web para crear páginas de aterrizaje. La interfaz debe tener una barra de navegación superior y un espacio de trabajo dividido. A la izquierda, mostrar un flujo de configuración vertical con exactamente 4 pasos numerados: 1) Contexto — Define tu idea, 2) Estilo — Dirección visual, 3) Diseño — La IA genera el diseño, 4) Código — Exporta código listo para producción. En el panel central, mostrar el titular “De la idea al código. Al instante.” con “Código. Al instante.” en estilo cursiva color menta, seguido de campos de formulario como Nombre del negocio, Público objetivo y Misión principal. En el panel derecho, mostrar un editor de código titulado “Entorno en vivo” con código estilo React/Tailwind legible pero pequeño y un breve fragmento de texto renderizado que diga “Páginas de aterrizaje que lucen icónicas. Creadas para convertir.”
Objetos en primer plano: En el lado izquierdo del escritorio, colocar una placa de escritorio de acrílico translúcido con el logotipo circular y el texto “MINTPAGE” y “AI LANDING PAGE STUDIO”. Debajo o al lado, apilar exactamente 3 libros delgados con etiquetas visibles en el lomo: 1) CREADO PARA LA CONVERSIÓN, 2) REACT + TAILWIND + IA, 3) SISTEMAS DE DISEÑO QUE ESCALAN. Frente al monitor, colocar un teclado blanco delgado. En el lado derecho, colocar una pequeña tarjeta de estado flotante translúcida titulada “ESTADO DEL PROYECTO” que enumere exactamente 5 elementos marcados: 1) Entorno en vivo, 2) Contexto definido, 3) Estilo generado, 4) Diseño creado, 5) Código exportado. Incluir también un portalápices estriado de color azul pálido con exactamente 4 herramientas de escritura y un ratón blanco.
Entorno: Oficina moderna minimalista con estantes y plantas con enfoque suave en el fondo, iluminación de ventana grande desde la derecha, reflejos sutiles en el escritorio de cristal, profundidad de campo suave, sin personas.
Estilo visual: Gráfico de lanzamiento de startup premium, iluminación volumétrica suave, fotografía de producto realista, superposiciones de glassmorphism, acentos en verde menta, tipografía serif azul oscuro, detalles de interfaz nítidos, atmósfera de estudio tranquila y de alta gama.
Restricciones: Usar exactamente los elementos contados enumerados anteriormente, mantener la imagen despejada, hacer que el titular sea el texto más prominente, evitar logotipos adicionales, marcas de agua o texto no relacionado.