Design System
Playground Zur Vorlage

Sektionen · ConversionNewsletter

Sektion · 6 Varianten

Newsletter

sections/Newsletter.astro

Mail-Feld und Primary: Zeile unter dem Intro, Split mit Bild, schmales Band, invers, mit Proof-Satz, Fuß-Variante.

Notizen

  • Shadcnblocks newsletter1/2/3. CTA-Sektion mail bleibt; hier die eigenständige Sektion.
  • Proof: Kein Weiterverkauf, ein Klick, Zahl der Leser.

Props

Name Typ Default Notiz
variant "zeile" | "split" | "band" | "invers" | "mit-proof" | "fuss" "zeile" 01–06.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
<Newsletter variant="zeile" surface="nacht" />

01 · Zeile

Feld + Button

newsletter1. —

Nacht

Echos per Mail

Einmal im Monat. Kein Marketing, ein Echo.

Was wir beim Legen lernen, kurz aufgeschrieben.

Paper

Echos per Mail

Einmal im Monat. Kein Marketing, ein Echo.

Was wir beim Legen lernen, kurz aufgeschrieben.

02 · Split

Bild 4:3 links

newsletter2. —

Nacht

Echos per Mail

Einmal im Monat. Kein Marketing, ein Echo.

Was wir beim Legen lernen, kurz aufgeschrieben.

Paper

Echos per Mail

Einmal im Monat. Kein Marketing, ein Echo.

Was wir beim Legen lernen, kurz aufgeschrieben.

03 · Band

Haarlinien, py-10

newsletter3. H3 statt H2.

Nacht

Einmal im Monat. Kein Marketing, ein Echo.

Paper

Einmal im Monat. Kein Marketing, ein Echo.

04 · Invers

Gegenfläche

Final-CTA. —

Nacht

Echos per Mail

Einmal im Monat. Kein Marketing, ein Echo.

Was wir beim Legen lernen, kurz aufgeschrieben.

Paper

Echos per Mail

Einmal im Monat. Kein Marketing, ein Echo.

Was wir beim Legen lernen, kurz aufgeschrieben.

05 · Mit Proof

Caption unter dem Feld

CTA-Gruppe micro-proof. —

Nacht

Echos per Mail

Einmal im Monat. Kein Marketing, ein Echo.

Was wir beim Legen lernen, kurz aufgeschrieben.

Kein Weiterverkauf. Abmelden mit einem Klick. 380 lesen mit.

Paper

Echos per Mail

Einmal im Monat. Kein Marketing, ein Echo.

Was wir beim Legen lernen, kurz aufgeschrieben.

Kein Weiterverkauf. Abmelden mit einem Klick. 380 lesen mit.

06 · Fuß

Für den Footer

Footer. —

Nacht

Einmal im Monat, ein Echo.

Paper

Einmal im Monat, ein Echo.