Schede delle funzionalità SaaS sovrapposte

Obiettivo: creare una visualizzazione hero di una landing page pulita che mostri tre schede SaaS bianche sovrapposte per un prodotto di intelligence di vendita / monitoraggio dei lead, in un mockup Figma in stile minimalista di alta qualità.

Canvas: composizione quadrata 1:1, sfondo bianco caldo con una sfumatura beige molto tenue, vignettatura sottile, ombre morbide e realistiche sotto le schede. Le schede sono rettangoli arrotondati alti con una leggera inclinazione in prospettiva e profondità, fluttuanti al centro. Utilizzare un'elegante tipografia serif editoriale per i titoli di grandi dimensioni e piccole etichette sans-serif.

Layout: disporre esattamente 3 schede verticali, sovrapposte orizzontalmente. La scheda a sinistra è in primo piano e inclinata leggermente in senso antiorario, la scheda centrale è centrata e quasi verticale, la scheda a destra è dietro e inclinata leggermente in senso orario. Mantenere ampi spazi bianchi e angoli arrotondati.

Scheda 1, scheda a sinistra — fonti di acquisizione: in alto a sinistra posizionare una piccola icona del logo circolare arancione con segni bianchi astratti. Vicino al centro in alto posizionare un'etichetta a pillola color pesca pallido con la scritta “ACQUISIZIONE”. Titolo principale in portoghese: “{argument name="left card headline" default="12+ fonti che ascoltano il tuo mercato 24 ore su 24"}”. Sotto, mostrare esattamente 12 piccole tessere di origine arrotondate in una griglia di 3 colonne per 4 righe, ciascuna con un'icona e un'etichetta. Le 12 etichette sono: “Notizie”, “LinkedIn”, “Reddit”, “Google”, “Podcast”, “X (Twitter)”, “YouTube”, “Trustpilot”, “Blog”, “Wikipedia”, “Comunità”, “e altro”. Utilizzare icone semplificate riconoscibili: globo, logo LinkedIn, alieno Reddit, G di Google, glifo del podcast, logo X, pulsante di riproduzione di YouTube, stella verde di Trustpilot, icona documento/blog, W, punti/comunità di gruppo, segno più.

Scheda 2, scheda centrale — punteggio di corrispondenza: posizionare un'etichetta a pillola verde pallido con la scritta “COMPRENDI”. Testo del titolo principale: “{argument name="match headline" default="Corrispondenza ICP 94%"}”. Centrare un anello di avanzamento a ciambella spesso in arancione brillante, quasi completo, con il resto color pesca pallido. All'interno dell'anello, visualizzare “{argument name="match percentage" default="94%"}” in un grande tipo serif e una minuscola sottotitolo “di compatibilità”. Sotto l'anello, posizionare esattamente 3 sottili righe di casella di controllo arrotondate con piccole icone di spunta verdi e le etichette: “Profilo ideale identificato”, “Segnali allineati”, “Alta intenzione rilevata”.

Scheda 3, scheda a destra — pianificazione dell'azione: posizionare un'etichetta a pillola verde scuro con la scritta “AGISCI”. Titolo principale in portoghese: “{argument name="right card headline" default="Riunione programmata automaticamente"}”. Sotto, includere un widget di calendario compatto con l'intestazione “Maggio 2025” con etichette dei giorni della settimana in portoghese: “LUN”, “MAR”, “MER”, “GIO”, “VEN”, “SAB”, “DOM”. Mostrare una griglia mensile di date con il 15 evidenziato da un cerchio arancione. Aggiungere piccole frecce a sinistra e a destra vicino all'intestazione del calendario. In fondo, includere un blocco di conferma con un'icona del calendario arancione e il testo “Riunione confermata”, “15 maggio, 10:00” e un punto verde seguito da “Google Meet”.

Stile visivo: estetica di alta gamma della landing page SaaS, schede di carta 3D morbide, superfici bianche sporche, sottili divisori grigi pallidi, colori accenti verde e arancione tenui, ombre sottili, icone UI vettoriali nitide, tipografia raffinata, mockup di prodotto realistico ma pulito.

Vincoli: utilizzare esattamente 3 schede, esattamente 12 tessere di origine sulla scheda a sinistra, esattamente 3 righe di casella di controllo sulla scheda centrale e un widget di calendario sulla scheda a destra. Mantenere tutto il testo leggibile, senza persone, senza loghi extra oltre alle icone di origine specificate, senza filigrana, senza elementi dell'interfaccia del browser.