Design system

Portable dense system-app kit — independent of Omni CX product logic. Source of truth: web/static/css/tokens.css. Docs: DESIGN.md.

Color

--bg
--fg
--card
--accent
--warn
--ok
--danger
--chat-sent
--chat-received
--chat-canvas

Radius

3px chip we owe
18px bubble

Buttons / inputs / frames

Card / frame — pane border, hairline lift in light.
Saved
Empty state — copy, not an illustration.
  • engine: yes
  • duckdb: no

Thread list + message pane

Quote follow-upwe owe
Need the drawing by Friday.
Scheduling
Tue 10:00 works.
Alex
Can you send the PDF?
You
On it — today.
You
Attached.

Do / don’t

Do

3px radius, pane borders, dark default, bubbles on --chat-canvas.

Don’t

Pill buttons, white-on-white, Web Awesome, drop shadows as chrome.