Blockv1.1.1Einstiegweb.documentbuilder.preview

Beispiele

Standard mit Aktionen und Media-Card

Ein Definitionsmodell für alle Oberflächen

Website, Shop, App, Desktop und E-Mail aus derselben Registry — gerendert über Target-Profile.

Section → Component → Element

Diese Karte steckt im media-Slot des Hero.

Brand-Ton, zentriert

Der Kunde wählt Props und Tokens.

Keine freien Klassen, kein freies CSS — das System bleibt kontrollierbar.

Eigenschaften

Prop	Typ	Default
`title *`	string	`—`
`subtitle`	string	`""`
`align`	string: start \| center	`"start"`
`tone`	string: default \| brand	`"default"`
`spacing`	string: none \| sm \| md \| lg \| xl	`"none"`

Events & Slots

Slot actions: akzeptiert ui.button · max 3

Slot media: akzeptiert ui.*, component.card, layout.* · max 1

Stellschrauben (Komponenten-Tokens)

Token	Default
`--hero-background`	`var(--color-surface-default)`
`--hero-title-color`	`var(--color-text-default)`
`--hero-subtitle-color`	`var(--color-text-muted)`

Genutzte Design-Tokens

border.hairline color.action.on-primary color.action.primary color.border.default color.surface.default color.text.default color.text.muted container.md font.family.default leading.base leading.tight radius.surface size.12 size.4 size.6 size.8 text.3xl text.lg weight.bold