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	Builder-Label
title *	string	—	Titel
subtitle	string	""	Untertitel
align	string: start \| center	"start"	Ausrichtung
tone	string: default \| brand	"default"	Ton

* Pflicht-Prop

Events & Slots

Slot actions: akzeptiert ui.button

Slot media: akzeptiert ui.*, component.card, layout.*

Genutzte Design-Tokens

border.hairlinecolor.action.on-primarycolor.action.primarycolor.border.defaultcolor.surface.defaultcolor.text.defaultcolor.text.mutedcontainer.mdfont.family.defaultleading.baseleading.tightradius.surfacetext.3xltext.lgweight.bold