Beispiele

Zentrierter Produkt-Hero: 2-zeiliger Display-Titel, Häkchen-Zeile, Primary + Ghost-CTA, Plattform-Leiste

The best AI is your AI.Your Company's Brain

Multiplayer AI with your context
Every model. One subscription.
Self-updating Company Brain

iOS
Android
Windows
Mac
Chrome

Eigenschaften

Prop	Typ	Default	Builder-Label
tone	string: dark \| gray \| light	"light"	Ton (Theme liefert die Werte)
title *	string	—	Titel (Zeile 1)
title2	string	""	Titel (Zeile 2)
subtitle	string	""	Untertitel
points	array	[]	Häkchen-Zeile (horizontal)
ctaLabel	string	""	CTA (Primary)
ctaUrl	string	""	CTA-Ziel
cta2Label	string	""	Zweit-CTA (Ghost)
cta2Url	string	""	Zweit-CTA-Ziel
platforms	array	[]	Plattform-Leiste (Mono-Labels)
accentWord	string	""	Akzentwort (erstes Vorkommen im Titel färbt sich)
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)`

Genutzte Design-Tokens

border.hairlinecolor.accentcolor.action.on-primarycolor.action.primarycolor.action.primary-hovercolor.band.darkcolor.band.dark-mutedcolor.band.dark-textcolor.band.graycolor.band.gray-mutedcolor.band.gray-textcolor.status.successcolor.text.defaultcolor.text.mutedcontainer.mdfont.family.defaultfont.family.displayfont.family.monofont.leading.displayfont.size.heroleading.looseradius.controlsize.12size.4size.6size.8text.lgtext.mdtext.readingtext.smtracking.wideweight.boldweight.semibold