STATUS PILLS

Status indicators

Soft-tinted pill badges for state. Use them anywhere status needs to be communicated.

Active Processed Approved Denied Failed

PRIORITY CHIPS

High Medium Low

ROLE BADGES

Admin User Member

EMAIL CATEGORY LABELS

Inline content tags

Used in the inbox to categorize emails — work, personal, social, promotional, alerts.

Work Personal Social Promo Alert

BOOTSTRAP BADGES

Bootstrap-class badges

Bootstrap’s .badge.bg-* classes restyled to use the brand palette.

Primary Success Warning Danger Info

COUNTER & NOTIFICATION DOTS

Numeric & presence indicators

Notification badges and online-status dots used across the topbar and team listings.

12

BADGES IN CONTEXT

• Production API key Created 8 months ago
  Active
• Staging API key Created 4 months ago
  In use
• Legacy v1 key Created 3 years ago — deprecated
  Revoked