Cards de Recursos SaaS Sobrepostos

Um mockup de hero section para landing page com visual refinado, contendo três cards de recursos SaaS sobrepostos para captura, pontuação de match e agendamento automatizado.

Comando
Objetivo: Criar um visual de hero section para landing page limpo, exibindo três cards de recursos SaaS brancos sobrepostos para um produto de inteligência de vendas / monitoramento de leads, em um mockup estilo Figma minimalista e premium. Canvas: Composição quadrada 1:1, fundo off-white quente com gradiente bege muito suave, vinheta sutil, sombras suaves realistas sob os cards. Os cards são retângulos verticais com cantos arredondados, leve inclinação em perspectiva e profundidade, flutuando no centro. Use tipografia serifada editorial elegante para títulos grandes e fontes sem serifa pequenas para rótulos. Layout: Organize exatamente 3 cards verticais, sobrepostos horizontalmente. O card da esquerda está à frente e levemente inclinado no sentido anti-horário, o card do meio está centralizado e quase na vertical, o card da direita está posicionado atrás e levemente inclinado no sentido horário. Mantenha um espaço em branco generoso e cantos arredondados. Card 1, card da esquerda — fontes de captura: No canto superior esquerdo, coloque um pequeno ícone de logotipo circular laranja com marcas brancas abstratas. Perto do topo central, coloque um rótulo em formato de pílula na cor pêssego claro escrito “CAPTURA”. Título grande em português: “12+ fontes escutando seu mercado 24h”. Abaixo dele, mostre exatamente 12 pequenos blocos de fontes arredondados em uma grade de 3 colunas por 4 linhas, cada um com um ícone e um rótulo. Os 12 rótulos são: “Notícias”, “LinkedIn”, “Reddit”, “Google”, “Podcasts”, “X (Twitter)”, “YouTube”, “Trustpilot”, “Blogs”, “Wikipédia”, “Comunidades” e “e mais”. Use ícones simplificados reconhecíveis: globo, logotipo do LinkedIn, alienígena do Reddit, G do Google, glifo de podcast, logotipo do X, botão de play do YouTube, estrela de confiança verde, ícone de documento/blog, W, pontos de grupo/comunidade, sinal de mais. Card 2, card central — pontuação de match: Coloque um rótulo em formato de pílula na cor verde claro escrito “ENTENDE”. Título principal: “ICP Match 94%”. Centralize um anel de progresso circular espesso em laranja brilhante, quase completo, com o restante em pêssego claro. Dentro do anel, exiba “94%” em tipografia serifada grande e um subtítulo pequeno “de compatibilidade”. Abaixo do anel, coloque exatamente 3 linhas de checklist finas e arredondadas com pequenos ícones de verificação verdes e os rótulos: “Perfil ideal identificado”, “Sinais alinhados”, “Alta intenção detectada”. Card 3, card da direita — agendamento de ações: Coloque um rótulo em formato de pílula na cor verde escuro escrito “AGE”. Título grande em português: “Reunião agendada automaticamente”. Abaixo dele, inclua um widget de calendário compacto com o cabeçalho “Maio 2025” com os dias da semana em português: “SEG”, “TER”, “QUA”, “QUI”, “SEX”, “SÁB”, “DOM”. Mostre uma grade mensal de datas com o dia 15 destacado por um círculo laranja. Adicione pequenas setas para a esquerda e para a direita perto do cabeçalho do calendário. Na parte inferior, inclua um bloco de confirmação com um ícone de calendário laranja e o texto “Reunião confirmada”, “15 de maio, 10:00” e um ponto verde seguido de “Google Meet”. Estilo visual: Estética de landing page SaaS de alto nível, cards de papel 3D suaves, superfícies off-white, divisórias cinza claro finas, cores de destaque em verde e laranja suaves, sombras sutis, ícones de interface vetoriais nítidos, tipografia refinada, mockup de produto realista, porém limpo. Restrições: Use exatamente 3 cards, exatamente 12 blocos de fontes no card da esquerda, exatamente 3 linhas de checklist no card central e um widget de calendário no card da direita. Mantenha todo o texto legível, sem pessoas, sem logotipos extras além dos ícones de fonte especificados, sem marca d'água, sem elementos de navegador.

Como usar este prompt

  1. 1

    Copie o prompt completo acima.

  2. 2

    Abra uma plataforma compatível com o GPT Image 2, como a YouMind, e cole o prompt.

  3. 3

    Troque o tema, o estilo ou os detalhes conforme a sua ideia e gere.

Este é um prompt de IA gratuito da biblioteca de prompts da YouMind. Explore outros milhares de prompts de imagem, todos gratuitos para copiar e adaptar.

Explorar mais prompts de imagem

Mais recursos de prompts

Biblioteca de IA

Busca de prompts com IA

Deixe a IA buscar em dezenas de milhares de prompts. Filtre por modelo, período e palavras-chave, e ordene por engajamento: visualizações, favoritos, compartilhamentos e mais.

Ferramentas de visão

Imagem para prompt

Transforme qualquer foto em um prompt de imagem IA detalhado. O conversor gratuito de imagem para prompt analisa composição, estilo e iluminação para recriar qualquer visual em segundos.

Feito para criadores. Grátis para sempre.

YouMind é o copiloto criativo de IA usado por criadores no mundo todo. Cada prompt aqui é curado para ajudar você a criar melhor e mais rápido.

Explorar mais prompts