Blockv1.1.1Einstiegweb.documentbuilder.preview

Beispiele

Personal-Brand-Hero (dunkles Theme entfaltet die Wirkung)

Struktur schafftFreiheit.

Ich helfe dir, deine Prozesse, Systeme und Abläufe so aufzubauen, dass dein Unternehmen funktioniert - auch ohne dich.

Erhalte Klarheit, wo Zeit und Geld verloren gehen
Nutze Automatisierungen, die Stunden zurückgeben

Eigenschaften

Prop	Typ	Default
`title *`	string	`—`
`titelAkzent`	string	`""`
`subtitle`	string	`""`
`points`	array	`[]`
`ctaLabel`	string	`""`
`ctaUrl`	string	`""`
`imageUrl`	string	`""`
`tone`	string: dark \| gray \| light	`"dark"`
`spacing`	string: none \| sm \| md \| lg \| xl	`"none"`

Stellschrauben (Komponenten-Tokens)

Token	Default
`--band-surface`	`transparent`
`--color-text-default`	`var(--band-text, inherit)`
`--color-text-muted`	`var(--band-muted, inherit)`
`--band-text`	`var(--color-band-dark-text)`
`--band-muted`	`var(--color-band-dark-muted)`

Genutzte Design-Tokens

border.hairline color.action.on-secondary color.action.primary color.action.secondary color.action.secondary-hover color.band.dark color.band.dark-muted color.band.dark-text color.band.gray color.band.gray-muted color.band.gray-text color.border.strong color.text.default color.text.muted container.md font.family.default leading.loose leading.tight radius.control radius.surface size.12 size.4 size.6 size.8 text.6xl text.lg text.md text.reading weight.medium weight.semibold