Media-Split

Text-Bild-Wechselzeile: Display-Titel + Text + Text-Link-CTA neben einer Media-Fläche (Bild oder Platzhalter-Fläche), Seite wählbar

Im Builder nutzen

Beispiele

Text links, Media-Fläche rechts (Platzhalter ohne Bild-URL)

Slides Studio

Presentation-ready in one prompt

Echte Typografie, kuratierte Paletten. Der nächste All-Hands-Termin ist in Minuten fertig — ohne eine Folie anzufassen.

Mehr erfahren →

Eigenschaften

Prop	Typ	Default	Builder-Label
tone	string: dark | gray | light	"light"	Ton (Theme liefert die Werte)
align	string: left | right	"right"	Bildseite
kicker	string	""	Kicker (Mono-Label)
title *	string	—	Titel
text	string	""	Text
ctaLabel	string	""	Text-Link-CTA
ctaUrl	string	""	CTA-Ziel
imageUrl	string	""	Bild-URL (leer = Platzhalter-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-area	color-mix(in srgb, var(--band-text) 6%, transparent)
--band-line	color-mix(in srgb, var(--band-text) 14%, transparent)
--grid-gap	var(--size-10)

Genutzte Design-Tokens

border.hairlinecolor.accentcolor.action.primarycolor.action.primary-hovercolor.band.darkcolor.band.dark-mutedcolor.band.dark-textcolor.band.graycolor.band.gray-mutedcolor.band.gray-textcolor.text.defaultcolor.text.mutedcontainer.smfont.family.defaultfont.family.displayfont.family.monofont.leading.displayfont.size.displayleading.looseradius.surfacesize.10size.12size.4size.6size.8text.mdtext.readingtext.smtracking.wideweight.boldweight.semibold