Schede delle funzionalità SaaS sovrapposte

Obiettivo: Creare una homepage pulita e visiva che mostri tre schede bianche sovrapposte di funzionalità SaaS per un prodotto di sales intelligence/monitoraggio dei lead, utilizzando un mockup sofisticato e minimalista in stile Figma. Canvas: Composizione quadrata 1:1, sfondo bianco beige caldo con una sfumatura beige molto tenue e una leggera vignettatura, e ombre morbide realistiche sotto le schede. Le schede sono rettangoli arrotondati con una leggera inclinazione prospettica e profondità, fluttuanti al centro. Il titolo principale utilizza un elegante carattere serif, mentre le etichette più piccole utilizzano un carattere sans-serif. Layout: Disporre tre schede verticali, sovrapposte orizzontalmente. La scheda di sinistra è in primo piano, leggermente inclinata a sinistra; la scheda centrale è centrata e quasi verticale; la scheda di destra è in fondo, leggermente inclinata a destra. Mantenere ampio spazio bianco e angoli arrotondati. Scheda 1 (sinistra) — Acquisizione Fonte: Una piccola icona circolare arancione con un indicatore bianco astratto è posizionata nell'angolo in alto a sinistra. Un'etichetta a capsula color pesca chiaro con il testo "CAPTURA" è posizionata vicino al centro in alto. Intestazione principale in portoghese:{argument name="left card headline" default="12+ fontes escutando seu mercado 24h"} Di seguito sono riportate 12 piccole tessere arrotondate disposte in 3 colonne e 4 righe. Ogni tessera contiene un'icona e un'etichetta. Le 12 etichette sono: "Notícias", "LinkedIn", "Reddit", "Google", "Podcasts", "X (Twitter)", "YouTube", "Trustpilot", "Blogs", "Wikipédia", "Comunidades" e "e mais". Utilizzare icone semplificate facilmente riconoscibili: Terra, logo di LinkedIn, alieno di Reddit, G di Google, simbolo del podcast, logo X, pulsante di riproduzione di YouTube, stella verde di fiducia, icona del documento/blog, W, matrice di punti della comunità e segno più. Scheda 2 (centrale) - Valutazione di corrispondenza: posizionare un'etichetta a capsula verde chiaro con il testo "ENTENDE". Testo del titolo principale:{argument name="match headline" default="ICP Match 94%"} Una barra di avanzamento circolare, spessa e di colore arancione brillante, è posizionata al centro, a indicare che il progetto è quasi completato; la parte rimanente è color pesca chiaro. All'interno del cerchio, un grande carattere serif visualizza "...".{argument name="match percentage" default="94%"} Sotto questo c'è un piccolo sottotitolo, "de compatibilidade" (confronta il tuo lavoro). Sotto il cerchio ci sono tre righe di liste di controllo sottili e arrotondate con piccoli segni di spunta verdi, etichettate: "Perfil ideal identificado" (Identifica il tuo lavoro), "Sinais alinhados" (Identifica il tuo lavoro), "Alta intenção detectada" (Rileva il tuo lavoro). Scheda 3 (a destra) - Programma delle azioni: un'etichetta a capsula verde scuro è posizionata con il testo "AGE". Il titolo principale in portoghese recita: {argument name="right card headline" default="Reunião agendada automatica"} Di seguito è presente un widget calendario compatto intitolato "Maio 2025" con etichette dei giorni della settimana in portoghese: "SEG", "TER", "QUA", "QUI", "SEX", "SÁB", "DOM". Viene visualizzata una griglia di date mensili, con il 15 evidenziato in un cerchio arancione. Le frecce sinistra e destra sono aggiunte vicino al titolo del calendario. In basso è presente un blocco di conferma con un'icona del calendario arancione, il testo "Reunião confirmada", "15 de maio, 10:00", e un punto verde seguito da "Google Meet". Stile visivo: estetica di landing page SaaS di fascia alta, carte di carta 3D morbide, superficie bianco sporco, sottili linee divisorie grigio chiaro, accenti verdi e arancioni tenui, ombre sottili, icone UI vettoriali pulite, tipografia squisita e un mockup del prodotto realistico e pulito. Limitazioni: utilizza 3 carte; La scheda di sinistra contiene 12 riquadri di origine, mentre quella centrale ne contiene 3. Viene visualizzata la checklist, con un widget calendario sulla scheda di destra. Tutto il testo è leggibile, ad eccezione di persone, loghi aggiuntivi (tranne l'icona di origine specificata), filigrane e bordi del browser.