Kennzahlen-Kacheln — section.stat-tiles
Stat-Kacheln mit Haarlinien-Border: Mono-Label mit Status-Punkt, große Display-Zahl, Mono-Fußnote — optional mit Sektions-Kopf (Mono-Kicker + Display-Titel)
Blockv1.2.1Vertrauenweb.documentbuilder.previewweb.application
Beispiele
Stat-Kacheln mit Mono-Labels, Status-Punkt und Display-Zahlen
Beats every benchmark
Zahlen, die für sich sprechen.
Quality#1vs Wettbewerb
Cost85%günstiger
Context92%+34/min
Win-Rate100%+22/min
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
tone | string: dark | gray | light | "light" |
kicker | string | "" |
title | string | "" |
items * | 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.status.success color.text.default color.text.muted container.lg font.family.default font.family.display font.family.mono font.leading.display font.size.display radius.full size.12 size.2 size.4 size.6 size.8 text.sm tracking.wide weight.bold