Überlappende SaaS-Funktionskarten

Ziel: Erstellung einer übersichtlichen Startseite für ein SaaS-Produkt (Sales Intelligence/Lead-Monitoring) mit drei überlappenden weißen Feature-Karten. Die Gestaltung erfolgt mithilfe eines minimalistischen Figma-Mockups. Arbeitsfläche: Quadratisches 1:1-Format, warmer beige-weißer Hintergrund mit sanftem Farbverlauf und dezenter Vignettierung sowie realistischen, weichen Schatten unter den Karten. Die Karten sind abgerundete Rechtecke mit leichter perspektivischer Neigung und Tiefe und schweben in der Mitte. Die Hauptüberschrift ist in einer eleganten Serifenschrift, die kleineren Beschriftungen in einer serifenlosen Schrift gesetzt. Layout: Drei vertikale, horizontal überlappende Karten. Die linke Karte befindet sich im Vordergrund und ist leicht nach links geneigt; die mittlere Karte ist zentriert und nahezu vertikal; die rechte Karte befindet sich im Hintergrund und ist leicht nach rechts geneigt. Ausreichend Weißraum und abgerundete Ecken sind wichtig. Karte 1 (links) – Capture Source: Ein kleines orangefarbenes Kreissymbol mit einem abstrakten weißen Marker befindet sich in der oberen linken Ecke. Ein hellpfirsichfarbenes Kapsel-Label mit dem Text „CAPTURA“ ist oben mittig platziert. Portugiesische Hauptüberschrift: {argument name="left card headline" default="12+ fontes escutando seu mercado 24h"} Unten sehen Sie 12 kleine, abgerundete Quellenkacheln, angeordnet in 3 Spalten und 4 Zeilen. Jede Kachel enthält ein Symbol und eine Beschriftung. Die 12 Beschriftungen lauten: „Notícias“, „LinkedIn“, „Reddit“, „Google“, „Podcasts“, „X (Twitter)“, „YouTube“, „Trustpilot“, „Blogs“, „Wikipédia“, „Comunidades“ und „e mais“. Verwenden Sie leicht erkennbare, vereinfachte Symbole: Erde, LinkedIn-Logo, Reddit-Alien, Google G, Podcast-Symbol, X-Logo, YouTube-Wiedergabetaste, grüner Trust-Stern, Dokument-/Blog-Symbol, W, Community-Punktmatrix und Pluszeichen. Karte 2 (Mitte) – Passende Bewertung: Platzieren Sie eine hellgrüne Kapselbeschriftung mit dem Text „ENTENDE“. Haupttitel: Ein leuchtend orangefarbener, dicker Kreis mit Fortschrittsanzeige in der Mitte signalisiert den baldigen Projektabschluss; der restliche Bereich ist hellpfirsichfarben. Innerhalb des Kreises steht in großer Serifenschrift „...“. Darunter befindet sich die kleine Unterüberschrift „de compatibilidade“ (Vergleichen Sie Ihre Arbeit). Unterhalb des Kreises sind drei Zeilen mit dünnen, abgerundeten Checklisten und kleinen grünen Häkchen angeordnet: „Perfil ideal identificado“ (Identifizieren Sie Ihre Arbeit), „Sinais alinhados“ (Identifizieren Sie Ihre Arbeit), „Alta intenção detectada“ (Erkennen Sie Ihre Arbeit). Karte 3 (rechts) – Aktionsplan: Eine dunkelgrüne Kapsel mit der Aufschrift „AGE“ ist angebracht. Der Haupttitel auf Portugiesisch lautet: {argument name="right card headline" default="Reunião agendada automaticamente"} Darunter befindet sich ein kompaktes Kalender-Widget mit dem Titel „Maio 2025“ und den portugiesischen Wochentagsbezeichnungen „SEG“, „TER“, „QUA“, „QUI“, „SEX“, „SÁB“, „DOM“. Es wird ein Monatskalender angezeigt, wobei der 15. in einem orangefarbenen Kreis hervorgehoben ist. Neben dem Kalendertitel befinden sich Pfeile nach links und rechts. Am unteren Rand befindet sich ein Bestätigungsblock mit einem orangefarbenen Kalendersymbol, dem Text „Reunião confirmada“, „15 de maio, 10:00“ und einem grünen Punkt, gefolgt von „Google Meet“. Visueller Stil: Hochwertige SaaS-Landingpage-Ästhetik, weiche 3D-Papierkarten, cremeweiße Oberfläche, dünne hellgraue Trennlinien, sanfte grüne und orangefarbene Akzente, dezente Schatten, klare Vektor-UI-Symbole, exquisite Typografie und ein realistisches und klares Produkt-Mockup. Einschränkungen: Verwendet 3 Karten; Die linke Karte enthält 12 Quellenkacheln, die mittlere 3. Die Checkliste wird angezeigt, rechts befindet sich ein Kalender-Widget. Alle Texte sind lesbar, ausgenommen Personen, zusätzliche Logos (außer dem angegebenen Quellensymbol), Wasserzeichen und Browserrahmen.