Platzhalter-Fläche
Reservierte Sektion für noch fehlende Inhalte (Produktvisuals, Videos, Embeds): optionaler Kicker/Titel + gestrichelte Fläche mit Mono-Label und wählbarem Seitenverhältnis
Beispiele
Reservierte Sektion für fehlende Inhalte (21:9-Fläche mit Mono-Label)
Showcase
Hier kommt das Produktvisual hin
Produktvisual folgt
Eigenschaften
| Prop | Typ | Default | Builder-Label |
|---|---|---|---|
| tone | string: dark | gray | light | "light" | Ton (Theme liefert die Werte) |
| kicker | string | "" | Kicker (Akzent-Sektionslabel) |
| title | string | "" | Titel |
| label | string | "Inhalt folgt" | Beschriftung in der Fläche (Mono) |
| ratio | string: 21:9 | 16:9 | 4:3 | "16:9" | Seitenverhältnis der Fläche |
| spacing | string: none | sm | md | lg | xl | "none" | Eigenabstand |
* Pflicht-Prop
Stellschrauben (Komponenten-Tokens)
Ebene 3 — aus dem CSS generiert (Registry). Umverdrahtbar per Hüllen-Komposition, ohne Markup-Eingriff; künftige Regler-Quelle des Component Builders.
| 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) 18%, transparent) |
--band-area | color-mix(in srgb, var(--band-text) 4%, transparent) |
Genutzte Design-Tokens
border.hairlinecolor.accentcolor.band.darkcolor.band.dark-mutedcolor.band.dark-textcolor.band.graycolor.band.gray-mutedcolor.band.gray-textcolor.text.defaultcolor.text.mutedcontainer.lgfont.family.defaultfont.family.displayfont.family.monofont.leading.displayfont.size.displayradius.surfacesize.12size.4size.6size.8text.smtracking.wideweight.bold