Zitat-Karten (Social Proof) — section.quote-card
Karten mit Zitat, Person, Handle und Plattform-Hinweis — statische Social-Proof-Karten ohne externen Abruf (keine Fremd-API zur Laufzeit)
Beispiele
Drei Stimmen mit Plattform-Hinweis
Stimmen
Was Teams berichten
Wir haben die Auftragsabwicklung von drei Werkzeugen auf eins reduziert. Die Einarbeitung dauerte einen Nachmittag.
Der Agenten-Chat beantwortet Rückfragen zu Beständen schneller, als wir sie früher heraussuchen konnten.
Ein Theme-Wechsel — und die komplette Oberfläche trägt unsere Hausfarben. Das hat im Angebot den Ausschlag gegeben.
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
tone | string: dark | gray | light | "light" |
kicker | string | "" |
title | string | "" |
columns | number | 3 |
quotes * | array | — |
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) 14%, 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.border.default color.border.strong color.surface.default color.text.default color.text.muted container.lg elevation.control font.family.default font.family.display font.family.mono font.leading.display font.size.display leading.loose radius.surface size.12 size.4 size.6 size.8 text.md text.sm text.xs tracking.wide weight.bold weight.semibold