Footer (Gesprächs-CTA) — section.footer-cta
Großer Website-Footer als Band: große Nav-Links + Gesprächs-CTA, Trennlinie, Rechtliches/Firma/Social, Copyright — ton-neutral, Instanz wählt den Ton, Theme liefert die Werte
Blockv1.1.1Konversionweb.documentbuilder.preview
Beispiele
Dunkles Band (Original-Muster): große Nav-Links + Gesprächs-CTA, Trennlinie, Rechtliches/Firma/Social
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
tone | string: dark | gray | light | "dark" |
nav | array | [] |
line1 | string | "" |
line2 | string | "" |
ctaLabel | string | "" |
ctaUrl | string | "" |
legal | array | [] |
company | string | "" |
address | string | "" |
social | array | [] |
copyright | string | "" |
spacing | string: none | sm | md | lg | xl | "none" |
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--band-surface | transparent |
--band-text | var(--color-text-default) |
--band-muted | var(--color-text-muted) |
--band-line | color-mix(in srgb, var(--band-text) 25%, transparent) |
--band-quiet | color-mix(in srgb, var(--band-text) 50%, transparent) |
Genutzte Design-Tokens
border.hairline color.action.primary color.action.primary-hover color.band.dark color.band.dark-muted color.band.dark-text color.band.gray color.band.gray-muted color.band.gray-text color.text.default color.text.muted font.family.default font.size.display leading.base leading.tight size.10 size.12 size.4 size.6 size.8 text.lg text.md weight.light weight.semibold