Spacing & Grid

Spacing Scale (4px base)

4px
space-1
8px
space-2
12px
space-3
16px
space-4
20px
space-5
24px
space-6
32px
space-8
48px
space-12
64px
space-16
80px
space-20
96px
space-24

Border Radius

sm
4px
md
8px
lg
12px
xl
16px
2xl
24px
full
9999px

Shadows

sm
card
md
lg
gold-glow

Gold Glow Shadow Variants

subtle
medium
strong
gradient-glow
ambient

8px Grid Overlay

Premium Spacing in Context

padding: 24px | gap: 24px
Equity
Large Cap Fund
₹4,52,300
Invested ₹3,60,000
+25.6% Details
Debt
Short Duration
₹2,15,840
Invested ₹2,00,000
+7.9% Details
Gold
Sovereign Gold
₹1,87,200
Invested ₹1,50,000
+24.8% Details
card padding: 24px
overline mb: 8px
title mb: 4px
value mb: 16px
footer pt: 16px
grid gap: 24px