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

Im Builder nutzen

Beispiele

Karten-Grid mit Haarlinien, Mono-Labels und Breit-Karte

One Brain. Any Job.

Alles an einem Ort, ohne Umwege.

Personality

Lernt, wie du und dein Team sprechen: Ton, Kürzel, Vorlieben.

Intelligence

Wählt für jede Aufgabe das beste Modell. Ein Abo, volle Auswahl.

Context

Sieht Aufgaben, Dokumente und Gespräche in Echtzeit.

Skills

Bringe exakte Workflows bei — laufen auf Kommando, jedes Mal.

Presence

Nimmt an Calls teil, macht Notizen, baut Kontext auf.

Eigenschaften

Prop	Typ	Default	Builder-Label
tone	string: dark | gray | light	"light"	Ton (Theme liefert die Werte)
kicker	string	""	Kicker (Mono-Sektionslabel)
title	string	""	Titel
subtitle	string	""	Untertitel
columns	number	3	Spalten (ab md)
cards *	array	—	Karten
spacing	string: none | sm | md | lg | xl	"none"	Eigenabstand

* Pflicht-Prop

Stellschrauben (Komponenten-Tokens)

Ebene 3 — aus dem CSS generiert (Registry). Umverdrahtbar per Hüllen-Komposition, ohne Markup-Eingriff; künftige Regler-Quelle des Component Builders.

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.hairlinecolor.accentcolor.band.darkcolor.band.dark-mutedcolor.band.dark-textcolor.band.graycolor.band.gray-mutedcolor.band.gray-textcolor.text.defaultcolor.text.mutedcontainer.lgcontainer.mdcontainer.smfont.family.defaultfont.family.displayfont.family.monofont.leading.displayfont.size.displayleading.baseleading.looseradius.controlsize.12size.4size.40size.6size.8text.mdtext.readingtext.smtracking.wideweight.bold