Um mockup de hero para SaaS com acabamento refinado, exibindo a interface de um estúdio de landing pages com IA em um ambiente de escritório em tons de menta e azul suave.
Objetivo: Criar uma imagem hero quadrada e profissional para o conceito de uma landing page SaaS anunciando MINTPAGE, um estúdio de landing pages com IA.
Canvas: Composição quadrada 1:1, cenário de escritório com luz natural suave, paleta de cores em tons pastel de menta e azul claro, estética tech premium e limpa, mockup de produto 3D realista misturado com tipografia editorial refinada.
Layout: Centralize a cena em um monitor desktop grande sobre uma mesa de vidro brilhante. No topo, coloque uma pequena linha de marca com um logotipo circular que remete a uma folha de menta, a palavra MINTPAGE, uma linha divisória fina e o subtítulo AI LANDING PAGE STUDIO. Abaixo, use um título grande e elegante com serifa em azul escuro: POR QUE A MAIORIA DAS PÁGINAS DE IA PARECE GENÉRICA?. Sob o título, coloque exatamente 4 pequenos selos de recursos em uma linha com ícones delicados em tom de menta e legendas: 1) Alimentado por IA, 2) React + Tailwind, 3) Pronto para Produção, 4) Criado para Converter.
Assunto principal: O monitor exibe uma interface limpa de construtor de web-app para criar landing pages. A interface deve ter uma barra de navegação superior e uma área de trabalho dividida. À esquerda, mostre um fluxo de configuração vertical com exatamente 4 etapas numeradas: 1) Contexto — Defina sua ideia, 2) Estilo — Direção visual, 3) Design — IA gera o layout, 4) Código — Exporte código pronto para produção. No painel central, mostre o título “Da Ideia ao Código. Instantaneamente.” com “Código. Instantaneamente.” em estilo itálico menta, seguido por campos de formulário como Nome da Empresa, Público-Alvo e Missão Principal. No painel direito, mostre um editor de código intitulado “Ambiente ao Vivo” com código legível, porém pequeno, no estilo React/Tailwind e um breve trecho de texto renderizado dizendo “Landing pages com visual icônico. Feitas para converter.”
Objetos em primeiro plano: No lado esquerdo da mesa, coloque uma placa de mesa em acrílico translúcido com o logotipo circular e o texto “MINTPAGE” e “AI LANDING PAGE STUDIO”. Abaixo ou ao lado, empilhe exatamente 3 livros finos com etiquetas visíveis na lombada: 1) CONSTRUÍDO PARA CONVERSÃO, 2) REACT + TAILWIND + IA, 3) SISTEMAS DE DESIGN QUE ESCALAM. À frente do monitor, coloque um teclado branco fino. No lado direito, coloque um pequeno cartão de status flutuante translúcido intitulado “STATUS DO PROJETO” listando exatamente 5 itens marcados: 1) Ambiente ao Vivo, 2) Contexto Definido, 3) Estilo Gerado, 4) Design Criado, 5) Código Exportado. Inclua também um porta-canetas canelado em azul claro com exatamente 4 utensílios de escrita e um mouse branco.
Ambiente: Escritório moderno minimalista com prateleiras e plantas com foco suave ao fundo, iluminação de janela grande vindo da direita, reflexos sutis na mesa de vidro, profundidade de campo suave, sem pessoas.
Estilo visual: Gráfico de lançamento de startup premium, iluminação volumétrica suave, fotografia de produto realista, sobreposições em glassmorphism, detalhes em verde menta, tipografia com serifa em azul escuro, detalhes de interface nítidos, atmosfera de estúdio sofisticada e calma.
Restrições: Use exatamente os elementos contados listados acima, mantenha a imagem organizada, faça do título o texto mais proeminente, evite logotipos extras, marcas d'água ou textos não relacionados.
