Halftone Floral Landing Page Hero

Ziel: Erstellung eines anspruchsvollen, vertikalen Landingpage-Mockups für einen Abo-Service, das einen Retro-Halbton-Bearbeitungsstil und die Präzision von Figma-Webdesign vereint. Arbeitsfläche: 3:4-Hochformatbild mit rein schwarzem Hintergrund. Eine hohe, abgerundete Website-Karte ist mittig platziert und füllt den größten Teil des Bildes aus. Sie ist von einem breiten schwarzen Rand umgeben. Hauptmotiv: Die Karte zeigt eine verträumte, nach oben gerichtete Szene mit Wildblumen unter blauem Himmel und weißen Wolken. Eine markante Retro-Halbton-Punktstruktur erstreckt sich über das gesamte Bild. Ein tiefschwarzer Farbverlauf von unten nach oben verleiht der unteren Hälfte Tiefe und Lesbarkeit, während das helle Himmelblau der oberen Hälfte erhalten bleibt. Die sichtbaren floralen Elemente sollten genau neun Hauptblumen umfassen: eine teilweise gelbe Blüte oben links, eine rosa Blüte oben links, zwei Büschel weißer Gänseblümchen links in der Mitte, eine große weiße Kosmee rechts in der Mitte, ein weißes Gänseblümchen unten links, eine kleine hellblaue Blüte unten in der Mitte, eine rosa Blüte unten rechts und eine teilweise verdeckte dunkelweiße Blüte am unteren rechten Rand, ergänzt durch schlanke Stängel und winzige Schleierkrautknospen. Navigation: Platzieren Sie drei kleine Kapsel-Buttons oben in der Mitte der Karte. Diese haben einen zarten, mattierten/verschwommenen Stil und sanfte Schatten. Text von Button 1: "{argument name="login button text" default="Anmelden"}. Der Button befindet sich auf einer dunkelgrauen Kapsel. Text von Button 2: "{argument name="booking button text" default="Termin vereinbaren"}. Der Text wird von einem kleinen weißen Telefonsymbol begleitet und befindet sich auf einer warmtonigen, dunklen, halbtransparenten Kapsel. Schaltfläche 3: Text: "{argument name="pricing button text" default="Preis anzeigen"} Die Schaltfläche befindet sich auf einer hellmatten, graublauen Kapsel und verwendet eine schlichte, kleine serifenlose weiße Schriftart. Zentrales Detail: In der Mitte der Karte befindet sich ein Ladekreis, bestehend aus einem weißen Ring mit einem kleinen orange-roten Punkt in der unteren linken Ecke. Dies sorgt für ein klares und modernes Erscheinungsbild. Layout des ersten Bildschirms: Im unteren Drittel befindet sich mittig eine elegante, große weiße Serifenschrift mit dem Text "..."{argument name="headline text" default="Design und Entwicklung\nAbonnementdienste"}. Die erste Zeile lautet "Design und Entwicklung", die zweite Zeile "Abonnementdienst", wobei "Abonnement" in kursiver Serifenschrift dargestellt ist. Die Verwendung anspruchsvoller, kontrastreicher Schriftarten und großzügiger Zeilenabstände erzeugt einen hochwertigen, redaktionellen Eindruck. Handlungsaufforderung (CTA): Unterhalb der Überschrift befindet sich mittig eine kleine weiße CTA mit dem Text "..."{argument name="call to action text" default="Plan ansehen"} ", gefolgt von einem dünnen, nach rechts zeigenden Pfeil. Minimalistischer Stil beibehalten und an der Überschrift ausrichten. Stilvorgaben: Hochwertiges Webseitendesign, realistischer floraler Himmelshintergrund, Halbton-Drucktextur, dunkler, filmischer Farbverlauf am unteren Rand, abgerundete Karten, keine Browserrahmen, kein zusätzliches Logo, kein Wasserzeichen und kein zusätzlicher Text außer den drei Navigationsbuttons, der Überschrift und dem Call-to-Action.