Design proposal — Clients page redesign
Changes from current
Clients.tsx:
- Eyebrow + Roboto h1 header — matches Dashboard and Leads pattern
- Flat cards — dropped
bg-card/40 border-border/40 backdrop-blur-sm shadow-lg - Status badge uses
mc-badge--green/mc-badge--orangefrom DS token set instead of rawtext-emerald-400/text-amber-400 - Billing model badge uses
mc-badge--blue(retainer) /mc-badge--muted(project) instead ofBadge variant="secondary"with no color context - Profitability margin shown with color-coded bar instead of plain number
Agency · Billing Configuration
Client Billing Config
Clients synced from Clockify — configure rates, billing models, and Jira projects.
Show inactive
Creme Collective
Retail & Fashion
Billing Model
Retainer
Active Projects
3
Month billed
$8,400
Total billed
$98,200
Margin
78%
Chesbro Bridge Advisors
Financial Services
Billing Model
Project-Based
Active Projects
2
Month billed
$5,200
Total billed
$41,600
Margin
52%
San Gabriel Transporte
Transportation & Logistics
Billing Model
Retainer
Active Projects
1
Month billed
$2,800
Total billed
$19,400
Margin
34%