Design System
Playground Zur Vorlage

Sektionen · ConversionCTA-Formular

Sektion · 6 Varianten

CTA-Formular

sections/CtaFormular.astro

CTA mit Feld direkt in der Fläche: Mail und Button in einer Zeile, Split mit Nachricht, Karte im Fond, zwei Felder, mit Slot-Wahl, invers.

Notizen

  • Shadcnblocks newsletter3 (Band mit Inline-Feld), contact14 (kurze Karte). Feld-Optik aus dem Element Feld.
  • Micro-Proof unter dem Button: Kein Newsletter. Eine Antwort.

Props

Name Typ Default Notiz
variant "zeile" | "split" | "karte" | "zwei-felder" | "mit-wahl" | "invers" "zeile" 01–06.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
<CtaFormular variant="zeile" surface="nacht" />

01 · Zeile

Mail + Button nebeneinander

newsletter3. —

Nacht

Slot anfragen

Sagen Sie, was getragen werden soll.

Wir antworten in einem Werktag.

Paper

Slot anfragen

Sagen Sie, was getragen werden soll.

Wir antworten in einem Werktag.

02 · Split

Satz links, Felder rechts

Kontakt split. —

Nacht

Slot anfragen

Sagen Sie, was getragen werden soll.

Wir antworten in einem Werktag.

Kein Newsletter. Eine Antwort.

Paper

Slot anfragen

Sagen Sie, was getragen werden soll.

Wir antworten in einem Werktag.

Kein Newsletter. Eine Antwort.

03 · Karte

Fond, Satz und Feld nebeneinander

contact14. p-12.

Nacht

Slot anfragen

Sagen Sie, was getragen werden soll.

Wir antworten in einem Werktag.

Paper

Slot anfragen

Sagen Sie, was getragen werden soll.

Wir antworten in einem Werktag.

04 · Zwei Felder

Mail, Nachricht, Proof

Kontakt kompakt. —

Nacht

Slot anfragen

Sagen Sie, was getragen werden soll.

Wir antworten in einem Werktag.

Kein Newsletter. Eine Antwort.

Paper

Slot anfragen

Sagen Sie, was getragen werden soll.

Wir antworten in einem Werktag.

Kein Newsletter. Eine Antwort.

05 · Mit Wahl

Radio Oktober/November

Wahl radio. —

Nacht

Slot anfragen

Sagen Sie, was getragen werden soll.

Wir antworten in einem Werktag.

Slot

Kein Newsletter. Eine Antwort.

Paper

Slot anfragen

Sagen Sie, was getragen werden soll.

Wir antworten in einem Werktag.

Slot

Kein Newsletter. Eine Antwort.

06 · Invers

Zeile auf Gegenfläche

Final-CTA. —

Nacht

Slot anfragen

Sagen Sie, was getragen werden soll.

Wir antworten in einem Werktag.

Paper

Slot anfragen

Sagen Sie, was getragen werden soll.

Wir antworten in einem Werktag.