Un elegante mockup de hero para SaaS que muestra la interfaz de un estudio de páginas de aterrizaje con IA en una oficina de tonos verde 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 verde menta y azul pálido, estética tecnológica premium y limpia, mockup de producto 3D realista mezclado con tipografía editorial refinada.
Diseño: Centre la escena alrededor de un monitor de escritorio grande sobre una mesa de vidrio brillante. En la parte superior, coloque una pequeña fila de marca con un logotipo circular tipo hoja de menta, la palabra MINTPAGE, una línea divisoria delgada y el subtítulo AI LANDING PAGE STUDIO. Debajo, utilice un titular elegante y muy grande con fuente serif en azul oscuro: ¿POR QUÉ LA MAYORÍA DE LAS PÁGINAS CON IA SE VEN GENÉRICAS?. Debajo del titular, coloque exactamente 4 insignias de características pequeñas en una fila con iconos delicados en color menta y etiquetas: 1) Con tecnología de IA, 2) React + Tailwind, 3) Listo para producción, 4) Creado para convertir.
Sujeto principal: El monitor muestra una interfaz limpia de creación de aplicaciones web para diseñar páginas de aterrizaje. La interfaz debe tener una barra de navegación superior y un espacio de trabajo dividido. A la izquierda, muestre 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 layout, 4) Código — Exporta código listo para producción. En el panel central, muestre el titular “De la idea al código. Al instante.” con “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, muestre un editor de código titulado “Live Environment” con código legible pero pequeño al estilo React/Tailwind 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, coloque 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, apile exactamente 3 libros delgados con etiquetas visibles en el lomo: 1) BUILT FOR CONVERSION, 2) REACT + TAILWIND + AI, 3) DESIGN SYSTEMS THAT SCALE. Frente al monitor, coloque un teclado blanco delgado. En el lado derecho, coloque una pequeña tarjeta de estado flotante y translúcida titulada “PROJECT STATUS” que enumere exactamente 5 elementos marcados: 1) Live Environment, 2) Context Defined, 3) Style Generated, 4) Design Created, 5) Code Exported. Incluya también un portalápices acanalado en azul pálido con exactamente 4 herramientas de escritura y un mouse 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 vidrio, 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: Utilice exactamente los elementos contados enumerados anteriormente, mantenga la imagen despejada, haga que el titular sea el texto más prominente, evite logotipos adicionales, marcas de agua o texto no relacionado.