Hero (zentriert) — section.hero-centered
Zentrierter Hero: zweizeiliger Display-Titel, horizontale Häkchen-Zeile, Primary- + Ghost-CTA, Plattform-Leiste in Mono — ton-neutral, Theme liefert Farben und Schrift-Familien
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 |
|---|---|---|
tone | string: dark | gray | light | "light" |
title * | string | — |
title2 | string | "" |
subtitle | string | "" |
points | array | [] |
ctaLabel | string | "" |
ctaUrl | string | "" |
cta2Label | string | "" |
cta2Url | string | "" |
platforms | array | [] |
accentWord | string | "" |
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) |
Genutzte Design-Tokens
border.hairline color.accent color.action.on-primary color.action.primary color.action.primary-hover color.band.dark color.band.dark-muted color.band.dark-text color.band.gray color.band.gray-muted color.band.gray-text color.status.success color.text.default color.text.muted container.md font.family.default font.family.display font.family.mono font.leading.display font.size.hero leading.loose radius.control size.12 size.4 size.6 size.8 text.lg text.md text.reading text.sm tracking.wide weight.bold weight.semibold