Status Chips
Reusable badges for neutral, success, warning, error, info, and accent states across forms, cards, tables, and chat surfaces.
Tone Scale
Consistent tones keep badges from drifting across customer portal and admin surfaces.
Light
Neutral
Success
Warning
Error
Info
Accent
Dark
Neutral
Success
Warning
Error
Info
Accent
Sizes And Context
Compact chips work inside dense rows while regular chips hold more visual weight in larger cards.
Quarterly review
A summary card using compact chips inside tighter metadata areas.
12 Open
2 Blocked
Agent routing
A darker shell showing the regular size with roomier hierarchy.
Primary Path
24 Customers