Design System
Playground Zur Vorlage

Sektionen · ConversionKontakt

Sektion · 6 Varianten

Kontakt

sections/Kontakt.astro

Kontaktformular als Sektion: kompakt mit drei Feldern, Split mit Intro links, fünf Felder, Slot-Wahl, im Fond, Mail-Variante.

Notizen

  • Bestand: kein Formular. Feld und Wahl (Playground-Elemente) geben die Feldoptik vor.
  • Eine Primary, Micro-Proof daneben. Datenschutz als Pflicht-Checkbox.

Props

Name Typ Default Notiz
variant "kompakt" | "split" | "fuenf" | "slot" | "fond" | "mail" "kompakt" 01–06.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
<Kontakt variant="kompakt" surface="nacht" />

01 · Kompakt

Name, Mail, Nachricht

Anfrage. max-w-xl.

Nacht

Kontakt

Ein Slot, ein Gespräch.

Antwort in einem Werktag.

Paper

Kontakt

Ein Slot, ein Gespräch.

Antwort in einem Werktag.

02 · Split

Intro links, Formular rechts

Problem split. Grid pt-8.

Nacht

Kontakt

Ein Slot, ein Gespräch.

Wir antworten innerhalb eines Werktags.

Antwort in einem Werktag.

Paper

Kontakt

Ein Slot, ein Gespräch.

Wir antworten innerhalb eines Werktags.

Antwort in einem Werktag.

03 · Fünf

Name, Firma, Mail, Telefon, Slot

Anfrage. Lang.

Nacht

Kontakt

Ein Slot, ein Gespräch.

Antwort in einem Werktag.

Paper

Kontakt

Ein Slot, ein Gespräch.

Antwort in einem Werktag.

04 · Slot

Radio Oktober/November

Wahl radio. Slot-Sprache.

Nacht

Kontakt

Ein Slot, ein Gespräch.

Slot

Antwort in einem Werktag.

Paper

Kontakt

Ein Slot, ein Gespräch.

Slot

Antwort in einem Werktag.

05 · Fond

Formular im Fond

Karten. p-8.

Nacht

Kontakt

Ein Slot, ein Gespräch.

Antwort in einem Werktag.

Paper

Kontakt

Ein Slot, ein Gespräch.

Antwort in einem Werktag.

06 · Mail

Mail-Link, dann Felder

CTA mail. Für Fuß.

Nacht

Schreiben Sie an hi@nordwynd.de. Oder nutzen Sie das Feld.

Antwort in einem Werktag.

Paper

Schreiben Sie an hi@nordwynd.de. Oder nutzen Sie das Feld.

Antwort in einem Werktag.