Design System
Playground Zur Vorlage

Sektionen · ConversionLead-Magnet

Sektion · 6 Varianten

Lead-Magnet

sections/LeadMagnet.astro

Ein Download gegen Mail: Karte im Fond, Split mit Haken-Liste, Band in Haarlinien, inline im Fließtext, mit Bild, kompakt.

Notizen

  • Ressourcen-Grid gated ist die Liste; Lead-Magnet ist das eine Stück.
  • Format als Label, Titel, ein Feld, eine Primary.

Props

Name Typ Default Notiz
variant "karte" | "split" | "band" | "inline" | "mit-bild" | "kompakt" "karte" 01–06.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
<LeadMagnet variant="karte" surface="nacht" />

01 · Karte

Fond, Feld rechts

Kontakt fond. —

Nacht

PDF · Briefing-Vorlage

Zwölf Fragen vor Tag 0.

Was wir wissen müssen, bevor wir legen. Eine Seite, keine Folien.

Paper

PDF · Briefing-Vorlage

Zwölf Fragen vor Tag 0.

Was wir wissen müssen, bevor wir legen. Eine Seite, keine Folien.

02 · Split

Satz und Haken links, Feld rechts

Media-Text bullets. —

Nacht

PDF · Briefing-Vorlage

Zwölf Fragen vor Tag 0.

Was wir wissen müssen, bevor wir legen. Eine Seite, keine Folien.

  • Ein Slot, ein Mandat
  • Index vor Ads
  • Kein Account dazwischen
  • Vierzehn Tage

Paper

PDF · Briefing-Vorlage

Zwölf Fragen vor Tag 0.

Was wir wissen müssen, bevor wir legen. Eine Seite, keine Folien.

  • Ein Slot, ein Mandat
  • Index vor Ads
  • Kein Account dazwischen
  • Vierzehn Tage

03 · Band

Haarlinien, eine Zeile

Newsletter band. —

Nacht

PDF · Briefing-Vorlage

Zwölf Fragen vor Tag 0.

Paper

PDF · Briefing-Vorlage

Zwölf Fragen vor Tag 0.

04 · Inline

65ch im Artikel

Inline-CTA. —

Nacht

PDF · Briefing-Vorlage

Zwölf Fragen vor Tag 0.

Was wir wissen müssen, bevor wir legen. Eine Seite, keine Folien.

Paper

PDF · Briefing-Vorlage

Zwölf Fragen vor Tag 0.

Was wir wissen müssen, bevor wir legen. Eine Seite, keine Folien.

05 · Mit Bild

Bild 5, Satz 7, Kante

Über-uns-Teaser. —

Nacht

PDF · Briefing-Vorlage

Zwölf Fragen vor Tag 0.

Was wir wissen müssen, bevor wir legen. Eine Seite, keine Folien.

Paper

PDF · Briefing-Vorlage

Zwölf Fragen vor Tag 0.

Was wir wissen müssen, bevor wir legen. Eine Seite, keine Folien.

06 · Kompakt

H3, Feld, Small

Sidebar. —

Nacht

PDF · Briefing-Vorlage

Zwölf Fragen vor Tag 0.

Paper

PDF · Briefing-Vorlage

Zwölf Fragen vor Tag 0.