Design tokens
Flip the theme toggle to check both palettes. Everything below is stock daisyUI markup — no bespoke styling.
Surfaces
base-100
base-200
base-300
Buttons — verify they are flat
Status pills — check peripheral legibility
ConnectedRingingVM · dropNo answer
badge primary success warning error outline dash
Inputs
Table — hairline treatment, tabular figures
| Prospect | Company | Phone | Status |
|---|---|---|---|
| Dana Marsh | Northwind | (415) 555-0148 | Connected |
| Ray Okafor | Trellis | (212) 555-0199 | Ringing |
| Lena Cho | Kestrel | (303) 555-0172 | VM · drop |
Stats and cards
Connect rate
18.4%
Dials today
312
Meetings
7
Q3 VP Sales
412 prospects · 337 queueable
Alerts
Neutral message
Session complete
Caller ID approaching daily cap
Number is on the DNC list
Live transcription started
Buttons — remaining variants
Badges — remaining variants
info secondary neutral
Alias layer — card and muted text
Body text on bg-card (text-card-foreground).
Muted text (text-muted-foreground) — should read as clearly dimmer than the line above, never invisible.