Platzhalter-Fläche — section.placeholder
Reservierte Sektion für noch fehlende Inhalte (Produktvisuals, Videos, Embeds): optionaler Kicker/Titel + gestrichelte Fläche mit Mono-Label und wählbarem Seitenverhältnis
Blockv1.1.1Strukturweb.documentbuilder.preview
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 |
|---|---|---|
tone | string: dark | gray | light | "light" |
kicker | string | "" |
title | string | "" |
label | string | "Inhalt folgt" |
ratio | string: 21:9 | 16:9 | 4:3 | "16:9" |
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) |
--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.hairline color.accent 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.lg font.family.default font.family.display font.family.mono font.leading.display font.size.display radius.surface size.12 size.4 size.6 size.8 text.sm tracking.wide weight.bold