Un elegante prototipo de sección hero para landing page con tres tarjetas de características SaaS superpuestas para captura, puntuación de coincidencia y programación automatizada.
Objetivo: Crear un visual limpio para la sección hero de una landing page que muestre tres tarjetas de características SaaS blancas superpuestas para un producto de inteligencia de ventas / monitoreo de leads, en un prototipo estilo Figma minimalista y premium.
Lienzo: Composición cuadrada 1:1, fondo blanco roto cálido con un degradado beige muy suave, viñeta sutil, sombras suaves realistas bajo las tarjetas. Las tarjetas son rectángulos verticales redondeados con una ligera inclinación de perspectiva y profundidad, flotando en el centro. Utilice una tipografía serif editorial elegante 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 central está centrada y casi vertical, la tarjeta de la derecha se sitúa detrás e inclinada ligeramente en sentido horario. Mantenga un espacio en blanco generoso y esquinas redondeadas.
Tarjeta 1, tarjeta 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 tipo píldora de color melocotón pálido que diga “CAPTURA”. Titular grande en portugués: “12+ fontes escutando seu mercado 24h”. Debajo, muestre exactamente 12 pequeñas fichas de fuentes redondeadas en una cuadrícula de 3 columnas por 4 filas, cada una 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ígena de Reddit, G de Google, glifo de podcast, logotipo de X, botón de reproducción de YouTube, estrella de confianza verde, icono de documento/blog, W, puntos de grupo/comunidad, signo más.
Tarjeta 2, tarjeta central — puntuación de coincidencia: Coloque una etiqueta tipo píldora de color verde pálido que diga “ENTENDE”. Texto del titular principal: “ICP Match 94%”. Centre un anillo de progreso circular grueso tipo donut en naranja brillante, casi completo, con el resto en melocotón pálido. Dentro del anillo, muestre “94%” en tipografía serif grande y un pequeño subtítulo “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 derecha — programación de acciones: Coloque una etiqueta tipo píldora de color verde oscuro que diga “AGE”. Titular grande en portugués: “Reunião agendada automaticamente”. Debajo, incluya un widget de calendario compacto encabezado por “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 día 15 resaltado por un círculo naranja. Añada pequeños chevrones a la 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 landing page SaaS de alta gama, tarjetas de papel 3D suaves, superficies blanco roto, divisores gris pálido delgados, colores de acento verde y naranja apagados, sombras sutiles, iconos de interfaz de usuario vectoriales nítidos, tipografía refinada, prototipo de producto realista pero limpio.
Restricciones: Utilice exactamente 3 tarjetas, exactamente 12 fichas de fuentes en la tarjeta izquierda, exactamente 3 filas de lista de verificación en la tarjeta central y un widget de calendario en la tarjeta derecha. Mantenga todo el texto legible, sin personas, sin logotipos adicionales más allá de los iconos de fuente especificados, sin marcas de agua, sin elementos de navegador.