Überlappende SaaS-Funktionskarten

Ziel: Erstellen Sie ein sauberes Hero-Visual für eine Landingpage, das drei sich überlappende weiße SaaS-Feature-Karten für ein Sales-Intelligence-/Lead-Monitoring-Produkt in einem hochwertigen, minimalistischen Figma-Mockup zeigt.

Leinwand: Quadratische 1:1-Komposition, warmer cremefarbener Hintergrund mit sehr sanftem Beigeton, subtile Vignettierung, realistische weiche Schatten unter den Karten. Die Karten sind hohe, abgerundete Rechtecke mit leichter perspektivischer Neigung und Tiefe, die in der Mitte schweben. Verwenden Sie elegante, redaktionelle Serifenschriftarten für große Überschriften und kleine serifenlose Beschriftungen.

Layout: Ordnen Sie genau 3 vertikale Karten horizontal überlappend an. Die linke Karte befindet sich im Vordergrund und ist leicht gegen den Uhrzeigersinn geneigt, die mittlere Karte ist zentriert und fast aufrecht, die rechte Karte befindet sich im Hintergrund und ist leicht im Uhrzeigersinn geneigt. Achten Sie auf großzügigen Leerraum und abgerundete Ecken.

Karte 1, linke Karte – Quellen erfassen: Platzieren Sie oben links ein kleines orangefarbenes kreisförmiges Logo-Symbol mit abstrakten weißen Markierungen. Platzieren Sie in der Nähe der oberen Mitte ein hellpfirsichfarbenes Pill-Label mit der Aufschrift „CAPTURA“. Große Überschrift auf Portugiesisch: „{argument name="left card headline" default="12+ fontes escutando seu mercado 24h"}“. Zeigen Sie darunter genau 12 kleine, abgerundete Quellkacheln in einem 3-Spalten-x-4-Reihen-Raster, jede mit einem Symbol und einer Beschriftung. Die 12 Beschriftungen lauten: „Notícias“, „LinkedIn“, „Reddit“, „Google“, „Podcasts“, „X (Twitter)“, „YouTube“, „Trustpilot“, „Blogs“, „Wikipédia“, „Comunidades“, „e mais“. Verwenden Sie erkennbare, vereinfachte Symbole: Globus, LinkedIn-Logo, Reddit-Alien, Google G, Podcast-Glyphe, X-Logo, YouTube-Play-Button, grüner Trust-Stern, Dokument-/Blog-Symbol, W, Gruppen-/Community-Punkte, Pluszeichen.

Karte 2, mittlere Karte – Übereinstimmungsbewertung: Platzieren Sie ein hellgrünes Pill-Label mit der Aufschrift „ENTENDE“. Hauptüberschrift: „{argument name="match headline" default="ICP Match 94%"}“. Zentrieren Sie einen dicken kreisförmigen Donut-Fortschrittsbalken in leuchtendem Orange, fast vollständig, mit hellpfirsichfarbenem Rest. Zeigen Sie im Inneren des Rings „{argument name="match percentage" default="94%"}“ in großer Serifenschrift und eine kleine Unterüberschrift „de compatibilidade“ an. Platzieren Sie unterhalb des Rings genau 3 dünne, abgerundete Checklistenzeilen mit kleinen grünen Häkchen-Symbolen und den Beschriftungen: „Perfil ideal identificado“, „Sinais alinhados“, „Alta intenção detectada“.

Karte 3, rechte Karte – Aktionsplanung: Platzieren Sie ein dunkelgrünes Pill-Label mit der Aufschrift „AGE“. Große Überschrift auf Portugiesisch: „{argument name="right card headline" default="Reunião agendada automaticamente"}“. Zeigen Sie darunter ein kompaktes Kalender-Widget mit der Überschrift „Maio 2025“ mit Wochentagsbeschriftungen auf Portugiesisch: „SEG“, „TER“, „QUA“, „QUI“, „SEX“, „SÁB“, „DOM“. Zeigen Sie ein monatliches Raster mit Daten, wobei der 15. durch einen orangefarbenen Kreis hervorgehoben wird. Fügen Sie in der Nähe der Kalenderüberschrift kleine Links- und Rechts-Chevrons hinzu. Fügen Sie am unteren Rand einen Bestätigungsblock mit einem orangefarbenen Kalendersymbol und dem Text „Reunião confirmada“, „15 de maio, 10:00“ und einen grünen Punkt gefolgt von „Google Meet“ hinzu.

Visueller Stil: High-End-SaaS-Landingpage-Ästhetik, weiche 3D-Papierkarten, cremefarbene Oberflächen, dünne hellgraue Trennlinien, gedämpfte Grün- und Orangetöne, subtile Schatten, scharfe Vektor-UI-Symbole, raffinierte Typografie, realistisches, aber sauberes Produkt-Mockup.

Einschränkungen: Verwenden Sie genau 3 Karten, genau 12 Quellkacheln auf der linken Karte, genau 3 Checklistenzeilen auf der mittleren Karte und ein Kalender-Widget auf der rechten Karte. Halten Sie den gesamten Text lesbar, keine Personen, keine zusätzlichen Logos über die angegebenen Quellensymbole hinaus, kein Wasserzeichen, keine Browser-Chrome.