UI kit
UI Kit Samples
Theme canary for internal tools. If it fails here, it fails everywhere.
Theme: synth terminalScope: internal tools
Typography and tokens
Headings, body, muted, code, badges, separators.
baseline
Headline XL
Body text example for internal UI readability. Tight, crisp, terminal-ish.
Muted helper text for hints, labels, and secondary data.
Inline code
const mode = "SNIFF_ONLY"; const confidence = "high";default
secondary
outline
destructive
status:PROPOSED_MATCH
proposed.id:sysco_invoice_v1
ambiguity:none
Buttons, overlays, menus
Buttons, dropdown, tooltip, popover, dialog, focus rings.
interactions
Forms and inputs
Input, textarea, select, switch, checkbox, slider, disabled states.
forms
CRT
BRT
FLK
Enabled
Checkbox
55
States, alerts, progress, skeleton
Loading, success, warning, error, progress, skeletons.
states
Ingest progress
32%
OK
Detected sysco_invoice_v1 with high confidence.
Warning
Some lines were skipped due to malformed fields.
Error
Could not parse CSV. Missing header record.
Skeleton
Tabs, accordion, table
Navigation density and data readability.
data
Ingest summary
Small cards must still feel like a terminal panel.
mode:SNIFF_ONLY
results:2 identifiers
session:draft
Terminal widgets
Panels, cursor, log feel, density.
fun
vendor_ingestLIVE/apps/web
$ curl -X POST /functions/v1/vendor_ingest status: PROPOSED_MATCH proposed.id: sysco_invoice_v1 confidence: high next: POST confirm=true expectedId=sysco_invoice_v1
kitchen-brain/apps/web
[ok] db connected [ok] edge function deployed [warn] awaiting confirm step
hacker loader
dm-loader