Pagina di destinazione con tema floreale a mezzitoni

Obiettivo: creare un mockup di hero page verticale raffinato per un servizio di abbonamento di design, con un look editoriale nostalgico a mezzitoni e una precisione di web design in stile Figma.

Canvas: immagine in formato verticale 3:4 su sfondo nero puro. Centrare una scheda sito web rettangolare arrotondata e alta con ampi angoli arrotondati, occupando la maggior parte dell'inquadratura e lasciando ampi margini neri attorno ad essa.

Elemento visivo principale: all'interno della scheda, utilizzare una scena in stile fotografico onirica e rivolta verso l'alto di fiori di campo contro un cielo blu con soffici nuvole bianche. Applicare una forte trama a puntini mezzitoni vintage sull'intera immagine della scheda. Aggiungere una sovrapposizione sfumata nera che sale dal basso in modo che la metà inferiore diventi cupa e leggibile mentre la parte superiore rimanga un cielo blu brillante. Gli elementi floreali visibili dovrebbero includere esattamente 9 fiori principali: 1 fiore giallo parziale nell'angolo in alto a sinistra, 1 fiore rosa vicino all'angolo in alto a sinistra, 2 margherite bianche raggruppate a sinistra al centro, 1 grande cosmea bianca al centro a destra, 1 margherita bianca vicino all'angolo in basso a sinistra, 1 piccolo fiore bluastro vicino al centro inferiore, 1 fiore rosa nell'angolo in basso a destra e 1 fiore bianco scuro parzialmente nascosto sul bordo inferiore destro, oltre a steli sottili e minuscoli boccioli di nebbiolina.

Navigazione superiore: posizionare esattamente 3 piccoli pulsanti a forma di pillola centrati vicino alla parte superiore della scheda con uno stile sottile di vetro/sfocatura e ombreggiature delicate. Testo pulsante 1: "{argument name="login button text" default="Login"}" su una pillola color carbone scuro. Testo pulsante 2: "{argument name="booking button text" default="Book a call"}" con una piccola icona bianca del telefono prima del testo su una pillola traslucida calda e scura. Testo pulsante 3: "{argument name="pricing button text" default="See pricing"}" su una pillola grigio-bluastra opaca e ghiacciata. Utilizzare un piccolo testo sans-serif bianco pulito.

Dettaglio centrale: aggiungere uno spinner di caricamento al centro della scheda, realizzato con un anello circolare bianco con un piccolo punto arancione-rosso nella parte inferiore sinistra dell'anello. Mantenerlo semplice e nitido.

Tipografia dell'eroe: vicino al terzo inferiore, centrare un grande titolo elegante in bianco con grazie che recita "{argument name="headline text" default="Design & dev\non subscription"}". La prima riga dice “Design & dev”; la seconda riga dice “on subscription”, con la parola “subscription” in corsivo con grazie. Utilizzare un tipo raffinato ad alto contrasto, una generosa spaziatura tra le lettere e un'atmosfera editoriale lussuosa.

Call to action: sotto il titolo, centrare una piccola CTA bianca che recita "{argument name="call to action text" default="See Plans"}" seguita da una sottile freccia a destra. Mantenerlo minimalista e allineato al titolo.

Vincoli di stile: design di hero web di fascia alta, sfondo floreale realistico, trama di stampa a mezzitoni, dissolvenza cinematografica scura nella parte inferiore, angoli arrotondati della scheda, nessuna barra del browser, nessun logo aggiuntivo, nessuna filigrana, nessun testo aggiuntivo oltre ai 3 pulsanti di navigazione, al titolo e alla CTA.