Halftone Floral Landing Page Hero

Doel: Maak een gepolijste verticale hero-mockup voor een landingspagina voor een ontwerpservice op abonnement, met een nostalgische halftoon-editorial look en Figma-stijl webdesignprecisie.

Canvas: Portret 3:4 afbeelding op een effen zwarte achtergrond. Centreer een hoge afgeronde rechthoekige websitekaart met grote hoekradius, die het grootste deel van het frame inneemt en dikke zwarte marges rondom laat.

Hoofdvisueel: Binnen de kaart, gebruik een dromerige, omhoog kijkende foto-stijl scène van wilde bloemen tegen een blauwe lucht met zachte witte wolken. Pas een sterke vintage halftoon-punttextuur toe over de hele kaartafbeelding. Voeg een donkere zwarte gradiëntoverlay toe die vanuit de onderkant omhoog komt, zodat de onderste helft sfeervol en leesbaar wordt, terwijl de bovenkant helder hemelsblauw blijft. Zichtbare bloemelementen moeten precies 9 hoofd bloemen bevatten: 1 gedeeltelijke gele bloem in de linkerbovenhoek, 1 roze bloem nabij de linkerbovenkant, 2 witte madeliefjes gegroepeerd links-midden, 1 grote witte cosmos aan de rechter-middenkant, 1 witte madeliefje nabij de linkeronderkant, 1 kleine blauwachtige bloem nabij het middenonder, 1 roze bloem rechtsonder, en 1 donkere gedeeltelijk verborgen witte bloem aan de rechteronderrand, plus dunne stengels en kleine bloesemknoppen.

Bovenste navigatie: Plaats precies 3 kleine pilvormige knoppen gecentreerd aan de bovenkant van de kaart met subtiele glas-/blur-styling en zachte schaduwen. Knop 1 tekst: "{argument name="login button text" default="Login"}" op een donker houtskoolkleurige pil. Knop 2 tekst: "{argument name="booking button text" default="Book a call"}" met een klein wit telefoonicoon voor de tekst op een warme donkere doorschijnende pil. Knop 3 tekst: "{argument name="pricing button text" default="See pricing"}" op een bleek bevroren grijsblauwe pil. Gebruik kleine, strakke, schreefloze witte tekst.

Centraal detail: Voeg één laadspinner toe in het midden van de kaart, gemaakt van een witte cirkelvormige ring met een kleine oranje-rode stip op het linkerondergedeelte van de ring. Houd het eenvoudig en scherp.

Hero-typografie: Nabij de onderste derde, centreer een grote, elegante witte serif-koptekst met de tekst "{argument name="headline text" default="Design & dev\non subscription"}". De eerste regel luidt “Design & dev”; de tweede regel luidt “on subscription”, met het woord “subscription” in cursieve serif. Gebruik verfijnd, hoog contrast type, royale letterafstand en een luxueuze editorial uitstraling.

Call to action: Onder de koptekst, centreer een kleine witte CTA met de tekst "{argument name="call to action text" default="See Plans"}" gevolgd door een dunne pijl naar rechts. Houd het minimaal en afgestemd op de koptekst.

Stijlbeperkingen: High-end web hero-ontwerp, realistische bloemenluchtachtergrond, halftoon-printtextuur, donkere cinematische bottom fade, afgeronde kaart hoeken, geen browserchrome, geen extra logo's, geen watermerk, geen extra tekst naast de 3 navigatieknoppen, de koptekst en de CTA.