Tarjetas de características SaaS superpuestas

Objetivo: Crear una visualización de héroe de página de destino limpia que muestre tres tarjetas blancas superpuestas de funciones SaaS para un producto de inteligencia de ventas / monitoreo de clientes potenciales, en un modelo Figma minimalista y de alta calidad.

Lienzo: Composición cuadrada 1:1, fondo blanco cálido con un degradado beige muy suave, viñeta sutil, sombras suaves realistas debajo de las tarjetas. Las tarjetas son rectángulos redondeados altos con una ligera inclinación en perspectiva y profundidad, flotando en el centro. Utilice una tipografía serif elegante y editorial para los encabezados grandes y etiquetas sans-serif pequeñas.

Diseño: Disponga exactamente 3 tarjetas verticales, superpuestas horizontalmente. La tarjeta de la izquierda está al frente e inclinada ligeramente en sentido antihorario, la tarjeta del medio está centrada y casi vertical, y la tarjeta de la derecha está detrás e inclinada ligeramente en el sentido de las agujas del reloj. Mantenga un espacio en blanco generoso y esquinas redondeadas.

Tarjeta 1, tarjeta de la izquierda — fuentes de captura: En la parte superior izquierda, coloque un pequeño icono de logotipo circular naranja con marcas blancas abstractas. Cerca de la parte superior central, coloque una etiqueta de píldora de color melocotón pálido que diga “CAPTURA”. Encabezado grande en portugués: “{argument name="left card headline" default="12+ fuentes escutando seu mercado 24h"}”. Debajo de él, muestre exactamente 12 mosaicos de fuentes redondeados pequeños en una cuadrícula de 3 columnas por 4 filas, cada uno con un icono y una etiqueta. Las 12 etiquetas son: “Notícias”, “LinkedIn”, “Reddit”, “Google”, “Podcasts”, “X (Twitter)”, “YouTube”, “Trustpilot”, “Blogs”, “Wikipédia”, “Comunidades”, “e mais”. Utilice iconos simplificados reconocibles: globo, logotipo de LinkedIn, alien de Reddit, G de Google, glifo de podcast, logotipo de X, botón de reproducción de YouTube, estrella verde de confianza, icono de documento/blog, W, puntos de grupo/comunidad, signo más.

Tarjeta 2, tarjeta central — coincidencia de puntuación: Coloque una etiqueta de píldora verde pálido que diga “ENTENDE”. Texto del encabezado principal: “{argument name="match headline" default="ICP Match 94%"}”. Centre un anillo de progreso circular grueso en naranja brillante, casi completo, con un resto de color melocotón pálido. Dentro del anillo, muestre “{argument name="match percentage" default="94%"}” en un tipo serif grande y un subtítulo pequeño “de compatibilidade”. Debajo del anillo, coloque exactamente 3 filas de lista de verificación delgadas y redondeadas con pequeños iconos de verificación verdes y las etiquetas: “Perfil ideal identificado”, “Sinais alinhados”, “Alta intenção detectada”.

Tarjeta 3, tarjeta de la derecha — programación de acciones: Coloque una etiqueta de píldora verde oscuro que diga “AGE”. Encabezado grande en portugués: “{argument name="right card headline" default="Reunião agendada automaticamente"}”. Debajo de él, incluya un widget de calendario compacto encabezado con “Maio 2025” con etiquetas de días de la semana en portugués: “SEG”, “TER”, “QUA”, “QUI”, “SEX”, “SÁB”, “DOM”. Muestre una cuadrícula mensual de fechas con el 15 resaltado por un círculo naranja. Agregue pequeñas flechas izquierda y derecha cerca del encabezado del calendario. En la parte inferior, incluya un bloque de confirmación con un icono de calendario naranja y el texto “Reunião confirmada”, “15 de maio, 10:00”, y un punto verde seguido de “Google Meet”.

Estilo visual: Estética de página de destino SaaS de alta gama, tarjetas de papel 3D suaves, superficies blanco roto, divisores delgados de color gris pálido, colores de acento verde y naranja apagados, sombras sutiles, iconos de interfaz vectorial nítidos, tipografía refinada, modelo de producto realista pero limpio.

Restricciones: Utilice exactamente 3 tarjetas, exactamente 12 mosaicos de fuentes en la tarjeta de la izquierda, exactamente 3 filas de lista de verificación en la tarjeta del medio y un widget de calendario en la tarjeta de la derecha. Mantenga todo el texto legible, sin personas, sin logotipos adicionales más allá de los iconos de fuente especificados, sin marca de agua, sin elementos de navegador.