Перекрывающиеся карточки функций SaaS

Цель: Создать чистое визуальное оформление для заголовка целевой страницы, показывающее три перекрывающихся белых карточки функций SaaS для продукта разведывания продаж / мониторинга лидов, в премиальном минималистичном макете Figma.

Холст: Квадратная композиция 1:1, теплый кремовый фон с очень мягким бежевым градиентом, тонкая виньетка, реалистичные мягкие тени под карточками. Карточки — высокие закругленные прямоугольники с небольшим наклоном и глубиной, плавающие в центре. Используйте элегантную редакторскую засечку для крупных заголовков и небольшие шрифты без засечек для меток.

Макет: Расположите ровно 3 вертикальные карточки, перекрывающиеся по горизонтали. Левая карточка находится спереди и слегка наклонена против часовой стрелки, средняя карточка центрирована и почти вертикальна, правая карточка находится сзади и слегка наклонена по часовой стрелке. Обеспечьте достаточное пространство и закругленные углы.

Карточка 1, левая карточка — источники захвата: Вверху слева разместите небольшой оранжевый круглый логотип с абстрактными белыми метками. Рядом с верхней частью по центру разместите светло-персиковую метку в виде таблетки с надписью «CAPTURA». Большой заголовок на португальском языке: “{argument name="left card headline" default="12+ fontes escutando seu mercado 24h"}”. Ниже него покажите ровно 12 маленьких закругленных плиток источников в сетке 3 столбца на 4 строки, каждая с иконкой и меткой. 12 меток: “Notícias”, “LinkedIn”, “Reddit”, “Google”, “Podcasts”, “X (Twitter)”, “YouTube”, “Trustpilot”, “Blogs”, “Wikipédia”, “Comunidades”, “e mais”. Используйте узнаваемые упрощенные иконки: глобус, логотип LinkedIn, инопланетянин Reddit, G Google, глиф подкаста, логотип X, кнопка воспроизведения YouTube, зеленая звезда доверия, иконка документа/блога, W, точки группы/сообщества, знак плюс.

Карточка 2, центральная карточка — соответствие оценке: Разместите светло-зеленую метку в виде таблетки с надписью «ENTENDE». Основной текст заголовка: “{argument name="match headline" default="ICP Match 94%"}”. Центрируйте толстое круглое кольцо прогресса в ярко-оранжевом цвете, почти завершенное, с бледно-персиковым остатком. Внутри кольца отобразите “{argument name="match percentage" default="94%"}” крупным шрифтом с засечками и крошечный подзаголовок “de compatibilidade”. Ниже кольца разместите ровно 3 тонкие закругленные строки со списком с небольшими зелеными значками галочки и метками: “Perfil ideal identificado”, “Sinais alinhados”, “Alta intenção detectada”.

Карточка 3, правая карточка — планирование действий: Разместите темно-зеленую метку в виде таблетки с надписью «AGE». Большой заголовок на португальском языке: “{argument name="right card headline" default="Reunião agendada automaticamente"}”. Ниже него включите компактный виджет календаря с заголовком “Maio 2025” с метками дней недели на португальском языке: “SEG”, “TER”, “QUA”, “QUI”, “SEX”, “SÁB”, “DOM”. Покажите ежемесячную сетку дат, где 15-е число выделено оранжевым кругом. Добавьте небольшие стрелки влево и вправо рядом с заголовком календаря. Внизу включите блок подтверждения с оранжевой иконкой календаря и текстом “Reunião confirmada”, “15 de maio, 10:00” и зеленая точка, за которой следует “Google Meet”.

Визуальный стиль: Эстетика высококлассной целевой страницы SaaS, мягкие 3D-бумажные карточки, кремовые поверхности, тонкие светло-серые разделители, приглушенные зеленые и оранжевые акцентные цвета, тонкие тени, четкие векторные иконки пользовательского интерфейса, изысканная типографика, реалистичный, но чистый макет продукта.

Ограничения: Используйте ровно 3 карточки, ровно 12 плиток источников на левой карточке, ровно 3 строки со списком на средней карточке и один виджет календаря на правой карточке. Сделайте весь текст читаемым, без людей, без дополнительных логотипов, кроме указанных иконок источников, без водяных знаков, без элементов браузера.