Nakładające się na siebie karty funkcji SaaS

Cel: Stworzenie przejrzystej wizualizacji strony głównej landing page'a, prezentującej trzy nakładające się na siebie białe karty funkcji SaaS dla produktu do analizy sprzedaży/monitorowania leadów, przy użyciu wyrafinowanego, minimalistycznego makiety w stylu Figma. Kanwa: kompozycja kwadratowa 1:1, ciepłe beżowe białe tło z bardzo delikatnym gradientem beżu i subtelnym winietowaniem oraz realistyczne, miękkie cienie pod kartami. Karty to zaokrąglone prostokąty z delikatnym nachyleniem perspektywy i głębią, unoszące się w środku. Główny nagłówek jest napisany elegancką czcionką szeryfową, a mniejsze etykiety czcionką bezszeryfową. Układ: Ułożenie trzech pionowych kart, nachodzących na siebie poziomo. Lewa karta jest na pierwszym planie, lekko pochylona w lewo; środkowa karta jest wyśrodkowana i prawie pionowa; prawa karta jest z tyłu, lekko pochylona w prawo. Zachowaj dużo białej przestrzeni i zaokrąglone rogi. Karta 1 (lewa) — Źródło przechwytywania: Mała pomarańczowa okrągła ikona z abstrakcyjnym białym markerem jest umieszczona w lewym górnym rogu. Jasnobrzoskwiniowa etykieta kapsułki z tekstem „CAPTURA” jest umieszczona w górnej środkowej części. Główny nagłówek w języku portugalskim: {argument name="lewy nagłówek karty" default="12+ fontes escutando seu mercado 24h"} Poniżej znajduje się 12 małych, zaokrąglonych kafelków źródłowych ułożonych w 3 kolumnach i 4 rzędach. Każdy kafelek zawiera ikonę i etykietę. 12 etykiet to: „Notícias”, „LinkedIn”, „Reddit”, „Google”, „Podcasts”, „X (Twitter)”, „YouTube”, „Trustpilot”, „Blogi”, „Wikipédia”, „Comunidades” i „e mais”. Użyj łatwo rozpoznawalnych, uproszczonych ikon: Ziemia, logo LinkedIn, kosmita z Reddita, Google G, symbol podcastu, logo X, przycisk odtwarzania YouTube, zielona gwiazdka zaufania, ikona dokumentu/bloga, W, społeczność z kropkami i znak plus. Karta 2 (środkowa) — Dopasowanie oceny: Umieść jasnozieloną etykietę kapsułki z tekstem „ENTENDE”. Tekst tytułu głównego: {argument name="match headline" default="ICP Match 94%"} Jasnopomarańczowy, gruby, okrągły pasek postępu umieszczony jest pośrodku, wskazując, że projekt zbliża się do ukończenia; pozostała część ma kolor jasnobrzoskwiniowy. Wewnątrz okręgu, czcionka szeryfowa wyświetla "...". {argument name="match percentage" default="94%"} Poniżej znajduje się mały podtytuł "de compabilidade" (porównaj swoją pracę). Pod okręgiem znajdują się trzy rzędy cienkich, zaokrąglonych list kontrolnych z małymi zielonymi znacznikami wyboru, oznaczonych: "Perfil ideal identificado" (Zidentyfikuj swoją pracę), "Sinais alinhados" (Zidentyfikuj swoją pracę), "Alta intenção detectada" (Wykryj swoją pracę). Karta 3 (po prawej) – Harmonogram działań: Ciemnozielona etykieta kapsułki umieszczona jest z tekstem "AGE". Główny tytuł w języku portugalskim brzmi: {argument name="right card headline" default="Reunião agendada automaticamente"}. Poniżej znajduje się kompaktowy widżet kalendarza zatytułowany „Maio 2025” z portugalskimi etykietami dni tygodnia: „SEG”, „TER”, „QUA”, „QUI”, „SEX”, „SÁB”, „DOM”. Wyświetlana jest siatka miesięcznych dat, z 15. dniem zaznaczonym pomarańczowym kółkiem. Obok tytułu kalendarza dodano strzałki w lewo i w prawo. Na dole znajduje się blok potwierdzenia z pomarańczową ikoną kalendarza, tekstem „Reunião confirmada”, „15 de maio, 10:00” oraz zieloną kropką, a za nią „Google Meet”. Styl wizualny: Estetyka strony docelowej SaaS klasy premium, miękkie karty papierowe 3D, biała powierzchnia, cienkie, jasnoszare linie podziału, delikatne zielone i pomarańczowe akcenty, subtelne cienie, czytelne ikony interfejsu użytkownika w formacie wektorowym, wykwintna typografia oraz realistyczny i przejrzysty makiet produktu. Ograniczenia: Używa 3 kart; Lewa karta zawiera 12 kafelków źródłowych, a środkowa 3. Wyświetlana jest lista kontrolna z widżetem kalendarza na prawej karcie. Cały tekst jest czytelny, z wyjątkiem osób, dodatkowych logotypów (z wyjątkiem ikony źródłowej), znaków wodnych i obramowań przeglądarki.