Design consistency
13 components · 62 tokens · 1,268 elements
Duplicate components · 2 groupsAI
Card · pricing tilesame structure, radius 16 / 2094% alikeMake the pricing tile a variant of Card
KpiTile · StatRow Highlightsame label and value, stacked / in a row86% alikeDraw StatRow's highlight with KpiTile
Near-duplicate tokens · 1AI
ink-3 · gray-500both #6B7280 · gray-500 used 9 times
Token adoption · 86% of elements
Most-used hard-coded values
color gray-500→ ink-3×9
padding 14px→ 12 or 16×6
font-size 15px→ 14 or 16×5
radius 10px→ sm (8) or md (12)×3
State coverage · 1 missingOpen components →
| Component | Empty | Loading | Data | Error |
|---|---|---|---|---|
| KpiTile | ||||
| Card | ||||
| StatRow | ||||
| TableContainer | ||||
| Toast |
Spacing · 14 values off the scaleAI
4
6
8
10
12
14
16
20
24
32
48
64
6, 10, 14 and 20 sit between two steps. Snapping them moves 14 elements by 2 px.