Cards & KPIs
Surface containers and metric blocks
KPI cards — with colored left accent
Registered products
2,841
↑ 30% vs last period
Verified products
2,330
↑ 18% vs last period
Shipments in transit
374
↓ 5% vs last period
Card variants
Default card
background: --bg-card
border: 0.5px --border-subtle
radius: --radius-lg
border: 0.5px --border-subtle
radius: --radius-lg
Accent card
border-left: 3px solid --amber-400
Used for highlighted sections
Used for highlighted sections
Focused / hover card
border: 0.5px --border-accent
On hover state
On hover state