Feature-Bento — section.feature-bento
Karten-Grid mit Haarlinien-Bordern (Bento-Muster): Sektions-Kopf (Mono-Kicker + Display-Titel), Karten mit Mono-Label, Text, optionaler Media-Fläche und Breit-Option
Beispiele
Karten-Grid mit Haarlinien, Mono-Labels und Breit-Karte
One Brain. Any Job.
Alles an einem Ort, ohne Umwege.
Lernt, wie du und dein Team sprechen: Ton, Kürzel, Vorlieben.
Wählt für jede Aufgabe das beste Modell. Ein Abo, volle Auswahl.
Sieht Aufgaben, Dokumente und Gespräche in Echtzeit.
Bringe exakte Workflows bei — laufen auf Kommando, jedes Mal.
Nimmt an Calls teil, macht Notizen, baut Kontext auf.
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
tone | string: dark | gray | light | "light" |
kicker | string | "" |
title | string | "" |
subtitle | string | "" |
columns | number | 3 |
cards * | 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.text.default color.text.muted container.lg container.md container.sm font.family.default font.family.display font.family.mono font.leading.display font.size.display leading.base leading.loose radius.control size.12 size.4 size.40 size.6 size.8 text.md text.reading text.sm tracking.wide weight.bold