Cards de Funcionalidades SaaS Sobrepostos
Um mockup de hero section para landing page com visual refinado, contendo três cards de funcionalidades SaaS sobrepostos para captura, pontuação de match e agendamento automatizado.
Instrução
Objetivo: Criar um visual de hero section para landing page limpo, exibindo três cards de funcionalidades 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 e 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 central está centralizado e quase na vertical, o card da direita fica atrás e levemente inclinado no sentido horário. Mantenha um amplo espaço em branco 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 centro superior, coloque um rótulo em formato de pílula na cor pêssego claro com o texto “CAPTURA”. Título grande em português: “12+ fontes escutando seu mercado 24h”. Abaixo, 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 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 com o texto “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 fonte serifada grande e um pequeno subtítulo “de compatibilidade”. Abaixo do anel, coloque exatamente 3 linhas de checklist finas e arredondadas com pequenos ícones de check 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 com o texto “AGE”. Título grande em português: “Reunião agendada automaticamente”. Abaixo, inclua um widget de calendário compacto com o cabeçalho “Maio 2025” com os rótulos dos 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
Copie o prompt completo acima.
- 2
Abra uma plataforma compatível com o GPT Image 2, como a YouMind, e cole o prompt.
- 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 imagemMais de GPT Image 2
Pôster do Tesouro de Prompts do GPT Image 2
@波妞PONYO
Pôster de Viagem Minimalista de Cidade
@Taaruk
Papel de parede de player de música anime em tons de menta
@あまり🖋️AI &フリー素材配布
Pôster de Smartwatch Edição Limitada Cyberpunk
@あまり🖋️AI &フリー素材配布
Interface de chat escuro com colagem de 4 imagens com falha
@李岳
Arte em Papel com Relevo Seco Minimalista
@simeon-sanai
Todas as categorias de Imagem
01
Casos de uso
Mais recursos de prompts
Biblioteca de IA
Procura de prompts com IA
Deixa a IA pesquisar em dezenas de milhares de prompts. Filtra por modelo, intervalo de datas e palavras-chave e ordena por interação: visualizações, favoritos, partilhas e mais.
Ferramentas de visão
Imagem para prompt
Transforme qualquer foto num 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.
Outros recursos de prompts
Por modelo
Ferramentas de IA
Criado para criadores. Grátis para sempre.
YouMind é o copiloto criativo de IA usado por criadores em todo o mundo. Cada prompt aqui é curado para ajudar a criar melhor e mais depressa.