Sektion · 5 Varianten
CTA
sections/Cta.astro
Schlussband. Split, Stapel, Mail, Dual, Display. Jede in Nacht und Paper. Kein ASCII — der Text füllt. 04 Beleg nicht aufgenommen.
Props
| Name | Typ | Default | Notiz |
|---|---|---|---|
| variant | "split" | "stack" | "mail" | "dual" | "display" | "split" | 04 Beleg nicht aufgenommen. |
| surface | "nacht" | "paper" | "nacht" | Pflicht-Paar. Beide in den Docs. |
| label | string? | — | nw-label über dem Claim. |
| title | string? | — | Claim, nw-h3. Mail nutzt Lead. |
| pill | string? | — | Slot-Pille in Split und Stapel. |
| action | string? | — | Button-Text. |
| href | string? | mailto:hi@nordwynd.de | Primary/Secondary/Ghost. |
| string? | hi@nordwynd.de | Nur Mail. | |
| work | string? | Arbeiten ansehen | Ghost in Dual. |
| workHref | string? | /vorlagen/referenzen/klein | Ghost in Dual. |
<Cta variant="split" surface="nacht" />
<Cta variant="split" surface="paper" />
<Cta variant="dual" surface="nacht" workHref="/vorlagen/referenzen/klein" />01 · Split
Figma-Band
Claim Spalte 7, Slot und Secondary rechts. Kein ASCII.
Nacht
Bereit, Ihre Digitale Saga neu zu schreiben?
Ein Gespräch reicht. Keine Folien, kein Baukasten — ein Slot, dann die Fläche.
Paper
Bereit, Ihre Digitale Saga neu zu schreiben?
Ein Gespräch reicht. Keine Folien, kein Baukasten — ein Slot, dann die Fläche.
02 · Stapel
Eine Spalte
Alles links, max-w-xl.
Nacht
Bereit, Ihre Digitale Saga neu zu schreiben?
Ein Gespräch reicht. Keine Folien, kein Baukasten — ein Slot, dann die Fläche.
Paper
Bereit, Ihre Digitale Saga neu zu schreiben?
Ein Gespräch reicht. Keine Folien, kein Baukasten — ein Slot, dann die Fläche.
03 · Mail
Die Adresse ist die Handlung
Display als mailto. Hover Oliv.
Nacht
Bereit, Ihre Digitale Saga neu zu schreiben?
hi@nordwynd.deEin Gespräch reicht. Keine Folien, kein Baukasten — ein Slot, dann die Fläche.
Paper
Bereit, Ihre Digitale Saga neu zu schreiben?
hi@nordwynd.deEin Gespräch reicht. Keine Folien, kein Baukasten — ein Slot, dann die Fläche.
05 · Dual
Eine Primary, ein Ghost
Keine zwei Primaries. Ghost-Text fluchtet mit Primary-Text.
Nacht
Bereit, Ihre Digitale Saga neu zu schreiben?
Ein Gespräch reicht. Keine Folien, kein Baukasten — ein Slot, dann die Fläche.
Paper
Bereit, Ihre Digitale Saga neu zu schreiben?
Ein Gespräch reicht. Keine Folien, kein Baukasten — ein Slot, dann die Fläche.
06 · Display
Ein Satz unten
Display unten in der Fläche. Ghost unterstrichen.
Nacht
Paper