Um mockup de hero para SaaS refinado, exibindo a interface de um estúdio de landing pages com IA em um cenário de escritório em tons de menta e azul suave.
Objetivo: Criar uma imagem hero quadrada e refinada 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 suave do dia, 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 torno de um monitor de desktop grande sobre uma mesa de vidro brilhante. No topo, coloque uma pequena linha de marca com um logotipo circular semelhante 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 em fonte serifada grande e elegante na cor 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 única linha com ícones delicados em tom de menta e rótulos: 1) Com tecnologia de 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 que parecem icônicas. Criadas para converter.”
Objetos em primeiro plano: No lado esquerdo da mesa, coloque uma placa de mesa de 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) FEITO 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 azul claro com exatamente 4 instrumentos 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 de glassmorphism, detalhes em verde menta, tipografia serifada azul escuro, detalhes de interface nítidos, atmosfera de estúdio calma e sofisticada.
Restrições: Use exatamente os elementos contados listados acima, mantenha a imagem organizada, torne o título o texto mais proeminente, evite logotipos extras, marcas d'água ou textos não relacionados.
