Hero (zentriert)
Zentrierter Hero: zweizeiliger Display-Titel, horizontale Häkchen-Zeile, Primary- + Ghost-CTA, Plattform-Leiste in Mono — ton-neutral, Theme liefert Farben und Schrift-Familien
Nutzt: ui.icon
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) |
* Pflicht-Prop
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.herolayout.containerleading.looseradius.controlsize.3size.4size.6text.lgtext.mdtext.readingtext.smtracking.wideweight.boldweight.semibold