Halftone Floral Landing Page Hero

Ziel: Erstellen Sie ein ausgefeiltes vertikales Hero-Mockup für eine Design-Abonnement-Dienstleistung mit einem nostalgischen Halbton-Editorial-Look und Figma-ähnlicher Präzision im Webdesign.

Leinwand: Ein Bild im Format 3:4 im Porträtformat auf einem rein schwarzen Hintergrund. Zentrieren Sie eine hohe, abgerundete Website-Karte mit großen Eckenradien, die den größten Teil des Bildes einnimmt und dicke schwarze Ränder um sie herum lässt.

Wichtige visuelle Elemente: Verwenden Sie innerhalb der Karte eine verträumte, von unten betrachtete Fotografie-ähnliche Szene mit Wildblumen vor einem blauen Himmel mit weichen weißen Wolken. Wenden Sie eine starke Vintage-Halbton-Punkttextur auf das gesamte Kartenbild an. Fügen Sie einen dunklen schwarzen Farbverlauf von unten hinzu, sodass die untere Hälfte stimmungsvoll und lesbar wird, während die obere Hälfte hellblau bleibt. Sichtbare florale Elemente sollten genau 9 Hauptblüten umfassen: 1 teilweise gelbe Blume in der oberen linken Ecke, 1 rosa Blume in der oberen linken Nähe, 2 weiße Gänseblümchen, die links in der Mitte gruppiert sind, 1 große weiße Kosmosblume in der rechten Mitte, 1 weiße Gänseblümchen in der unteren linken Nähe, 1 kleine bläuliche Blume in der unteren Mitte, 1 rosa Blume in der unteren rechten Ecke und 1 dunkle, teilweise versteckte weiße Blume am unteren rechten Rand, plus dünne Stiele und winzige Schleierkrautknospen.

Obere Navigation: Platzieren Sie genau 3 kleine Pill-Buttons zentriert in der Nähe der Oberseite der Karte mit subtilem Glas-/Unschärfe-Styling und weichen Schatten. Button 1 Text: "{argument name="login button text" default="Login"}" auf einer dunkelgrauen Pille. Button 2 Text: "{argument name="booking button text" default="Book a call"}" mit einem kleinen weißen Telefonsymbol vor dem Text auf einer warmen, dunklen transparenten Pille. Button 3 Text: "{argument name="pricing button text" default="See pricing"}" auf einer blass frostigen grau-blauen Pille. Verwenden Sie kleine, saubere, serifenlose weiße Schrift.

Zentrales Detail: Fügen Sie in der Mitte der Karte einen Lade-Spinner hinzu, der aus einem weißen kreisförmigen Ring mit einem kleinen orange-roten Punkt im unteren linken Teil des Rings besteht. Halten Sie es einfach und präzise.

Hero-Typografie: Zentrieren Sie in der Nähe des unteren Drittels eine große, elegante weiße Serifenschrift mit dem Text "{argument name="headline text" default="Design & dev\non subscription"}". Die erste Zeile lautet „Design & dev“; die zweite Zeile lautet „on subscription“, wobei das Wort „subscription“ kursiv in Serifenschrift geschrieben ist. Verwenden Sie eine raffinierte, hochkontrastreiche Schrift, großzügigen Buchstabenabstand und ein luxuriöses Editorial-Gefühl.

Call to Action: Zentrieren Sie unter der Überschrift eine kleine weiße CTA mit dem Text "{argument name="call to action text" default="See Plans"}", gefolgt von einem dünnen Pfeil nach rechts. Halten Sie es minimal und richten Sie es an der Überschrift aus.

Stilbeschränkungen: Hochwertiges Web-Hero-Design, realistischer Blumenhimmelhintergrund, Halbton-Drucktextur, dunkler filmischer Bottom-Fade, abgerundete Kartenecken, keine Browser-Chrome, keine zusätzlichen Logos, keine Wasserzeichen, kein zusätzlicher Text über die 3 Navigationsbuttons, die Überschrift und die CTA hinaus.