Zeitlich begrenztes Angebot mit Code CSS-Vorlage

Anthrazit-Kontrast setzt das 50%-Angebot in Szene

Der dunkle anthrazitfarbene Hintergrund bildet die visuelle Hauptfläche des Blocks und lässt die gelbe Angabe „50 % Rabatt“ als stärksten Akzent hervortreten. Weißer Begleittext sorgt für gute Lesbarkeit rund um das Angebot, während das helle rechteckige Code-Label Happy50 visuell abhebt. Die als Kontur gestaltete Schaltfläche „Jetzt einkaufen“ führt diese Hierarchie fort, ohne mit der Rabattzahl zu konkurrieren.

Das Lifestyle-Foto auf der linken Seite bildet die bildbetonte Hälfte der Komposition. Auf der rechten Seite formen zentrierter Text, großzügige Abstände, das Code-Label und der Button eine kompakte Werbegruppe. Durch diese Gestaltungsbeziehungen wirkt der Abschnitt wie eine geschlossene Verkaufsbotschaft statt wie eine Ansammlung zusammenhangsloser Einzelelemente. Eine CSS-orientierte Umsetzung kann sich daher ganz auf den Kontrast zwischen Anthrazit, Gelb, Weiß und dem helleren Code-Label sowie auf die Abstände konzentrieren, die jedes Detail lesbar halten.

Das Design des Blocks lässt sich anpassen, während die bestehende zweispaltige Inhaltsstruktur erhalten bleibt. Das Bild liefert weiterhin den visuellen Kontext, und die rechte Spalte transportiert Rabatt, Code und Handlungsaufforderung zum Shoppen. Nicepage unterstützt benutzerdefiniertes CSS, um das Erscheinungsbild einzelner Elemente oder einer Seite zu erweitern, wenn die Standard-Designoptionen eine gewünschte Darstellung nicht abdecken. In diesem Abschnitt würde sich diese Anpassung ganz auf das sichtbare Angebotsdesign des Blocks konzentrieren.