Halftone Floral Landing Page Hero

Doel: Een verfijnde, verticale landingspagina-mockup creëren voor een abonnementsdienst, met een retro halftoon-bewerkingsstijl en Figma-achtige webdesignprecisie. Canvas: Verticaal beeld in 3:4-verhouding met een volledig zwarte achtergrond. Een hoge, afgeronde, rechthoekige websitekaart is in het midden van de afbeelding geplaatst en beslaat het grootste deel van de ruimte, omgeven door een brede zwarte rand. Hoofdelement: Binnenin de kaart is een dromerige, naar boven gerichte scène te zien met wilde bloemen onder een blauwe hemel met witte wolken. Een sterke retro halftoon-stippentextuur is over de gehele kaartafbeelding aangebracht. Een diepzwarte gradiëntoverlay is van onder naar boven toegevoegd, waardoor de onderste helft een diep en leesbaar effect krijgt, terwijl het heldere hemelsblauw van de bovenste helft behouden blijft. De zichtbare bloemelementen moeten precies 9 hoofdbloemen bevatten: een gedeeltelijk gele bloem in de linkerbovenhoek, een roze bloem in de linkerbovenhoek, twee trossen witte madeliefjes in het midden links, een grote witte cosmos in het midden rechts, een wit madeliefje linksonder, een kleine lichtblauwe bloem in het midden onderaan, een roze bloem in de rechteronderhoek en een gedeeltelijk verborgen donkerwitte bloem aan de rechteronderrand, plus slanke stengels en kleine gipskruidknopjes. Bovenste navigatie: Plaats 3 kleine capsuleknoppen in het midden bovenaan de kaart, met een subtiele matte/vervaagde stijl en zachte schaduwen. Tekst knop 1: "{argument name="login button text" default="Log in"} Geplaatst in een donker antracietgrijze capsule. Tekst knop 2: "{argument name="booking button text" default="Plan een gesprek"} De tekst wordt voorafgegaan door een klein wit telefoonicoon en staat in een warm getinte, donkere, semi-transparante capsule. Tekst van knop 3: "{argument name="tekst van de prijsknop" default="Bekijk prijs"}" Deze knop bevindt zich op een licht mat grijsblauwe capsule en gebruikt een eenvoudig, klein wit schreefloos lettertype. Centraal detail: In het midden van de kaart is een laadcirkel toegevoegd, bestaande uit een witte ring met een kleine oranje-rode stip in de linkerbenedenhoek. Dit zorgt voor een strakke en heldere uitstraling. Indeling eerste scherm: In het onderste derde deel is een elegante, grote witte titel met schreefletters in het midden geplaatst, met de tekst "..."{argument name="koptekst" default="Ontwerp en ontwikkeling\nAbonnementsdiensten"}" De eerste regel toont "Ontwerp en ontwikkeling"; de tweede regel toont "Abonnementsdienst", waarbij het woord "Abonnement" cursief met schreefletters is weergegeven. Het gebruik van verfijnde lettertypen met hoog contrast en ruime letterafstand creëert een luxe, redactionele uitstraling. Call to Action (CTA): Onder de koptekst is een kleine witte CTA in het midden geplaatst, met de tekst "..."{argument name="tekst van de call to action" default="Bekijk het plan"}" gevolgd door met een dunne, naar rechts wijzende pijl. Houd een minimalistische stijl aan en lijn deze uit met de titel. Stijlbeperkingen: hoogwaardig webpaginaontwerp, realistische bloemenluchtachtergrond, rasterdruktextuur, donkere filmische gradiënt onderaan, afgeronde kaarten, geen browserranden, geen extra logo, geen watermerk en geen extra tekst behalve 3 navigatieknoppen, de titel en de CTA.