Cartões de recursos SaaS sobrepostos

Objetivo: Criar uma página inicial limpa e visualmente atraente, exibindo três cartões brancos sobrepostos para um produto SaaS de inteligência de vendas/monitoramento de leads, utilizando um mockup minimalista sofisticado no estilo Figma. Tela: Composição quadrada 1:1, fundo branco bege quente com um gradiente bege muito suave e vinheta sutil, além de sombras suaves e realistas abaixo dos cartões. Os cartões são retângulos arredondados com uma leve inclinação e profundidade de perspectiva, flutuando no centro. O título principal utiliza uma fonte serifada elegante, enquanto os rótulos menores utilizam uma fonte sem serifa. Layout: Disponha três cartões verticais, sobrepostos horizontalmente. O cartão da esquerda está em primeiro plano, levemente inclinado para a esquerda; o cartão do meio está centralizado e quase vertical; o cartão da direita está ao fundo, levemente inclinado para a direita. Mantenha amplo espaço em branco e cantos arredondados. Cartão 1 (esquerda) — Captura de Fonte: Um pequeno ícone circular laranja com um marcador branco abstrato é posicionado no canto superior esquerdo. Um rótulo em formato de cápsula, em tom pêssego claro, com o texto "CAPTURA" é posicionado próximo ao centro superior. Título principal em português: {argument name="left card headline" default="12+ fontes escutando seu mercado 24h"} Abaixo estão 12 pequenos blocos arredondados de fontes, organizados em 3 colunas e 4 linhas. Cada bloco contém 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 e facilmente reconhecíveis: Terra, logotipo do LinkedIn, alienígena do Reddit, G do Google, símbolo de podcast, logotipo X, botão de reprodução do YouTube, estrela verde de confiança, ícone de documento/blog, W, matriz de pontos da comunidade e sinal de mais. Cartão 2 (meio) — Classificação correspondente: Coloque um rótulo verde claro em formato de cápsula com o texto “ENTENDE”. Título principal: {argument name="match headline" default="ICP Match 94%"} Uma barra de progresso circular espessa, em laranja brilhante, é colocada no centro, indicando que o projeto está quase concluído; a parte restante é em tom pêssego claro. Dentro do círculo, uma fonte serifada grande exibe "...". {argument name="match percentage" default="94%"} Abaixo, há um pequeno subtítulo: "de compatibilidade" (compare seu trabalho). Abaixo do círculo, há três linhas de listas de verificação finas e arredondadas com pequenas marcas de seleção verdes, rotuladas como: "Perfil ideal identificado" (Identifique seu trabalho), "Sinais alinhados" (Identifique seu trabalho) e "Alta intenção detectada" (Detecte seu trabalho). Cartão 3 (direita) – Cronograma de Ações: Uma etiqueta em formato de cápsula, em verde escuro, é colocada com o texto "IDADE". O título principal em português é: {argument name="right card headline" default="Reunião agendada automaticamente"}. Abaixo, encontra-se um widget de calendário compacto intitulado "Maio 2025" com os dias da semana em português: "SEG", "TER", "QUA", "QUI", "SEX", "SÁB", "DOM". Uma grade mensal de datas é exibida, com o dia 15 destacado em um círculo laranja. Setas para a esquerda e para a direita foram adicionadas próximas ao título do calendário. Na parte inferior, há um bloco de confirmação com um ícone de calendário laranja, o texto "Reunião confirmada", "15 de maio, 10:00" e um ponto verde seguido por "Google Meet". Estilo visual: Estética de página de destino SaaS de alta qualidade, cartões de papel 3D suaves, superfície off-white, linhas divisórias finas em cinza claro, detalhes em verde e laranja suaves, sombras sutis, ícones de interface do usuário vetoriais limpos, tipografia requintada e um mockup de produto realista e limpo. Limitações: Usa 3 cartões; O cartão da esquerda contém 12 blocos de código-fonte e o cartão do meio contém 3. A lista de verificação é exibida, com um widget de calendário no cartão da direita. Todo o texto é mantido legível, exceto pessoas, logotipos adicionais (exceto o ícone de código-fonte especificado), marcas d'água e bordas do navegador.