Absatz mit Punkten — section.text-bullets
Universeller Inhalts-Block: Kicker (Akzent), zweifarbiger Titel, Text, Häkchen-Liste (optional mit fettem Auftakt je Punkt), Zitat-Balken, optionales Foto — als dunkles oder helles Band (Wechsel-Rhythmus)
Beispiele
Dunkles Band mit Punkten (fetter Auftakt)
Mehr Tools lösen keine Probleme. Du brauchst funktionierende Systeme.
Mein Fokus liegt auf der systematischen Weiterentwicklung von Strukturen, Abläufen und Prozessen.
- Prozessmanagement: Abläufe werden analysiert, strukturiert und automatisiert.
Helles Band mit Zitat
Dein Unternehmen hat Potenzial
- Klarere Kommunikation, intern wie extern.
Ein gut aufgestelltes Unternehmen fühlt sich ruhig an - auch wenn viel passiert.
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
kicker | string | "" |
title * | string | — |
titelAkzent | string | "" |
text | string | "" |
points | array | [] |
zitat | string | "" |
imageUrl | string | "" |
bildPosition | string: left | right | "right" |
tone | string: dark | light | gray | "dark" |
ctaLabel | string | "" |
ctaUrl | 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) |
--color-text-default | var(--color-band-dark-text) |
--color-text-muted | var(--color-band-dark-muted) |
Genutzte Design-Tokens
color.action.on-primary 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 container.md font.family.default leading.base leading.loose leading.tight radius.control radius.surface size.12 size.3 size.4 size.6 size.8 text.3xl text.lg text.md text.reading text.sm weight.bold weight.medium weight.semibold