Design System
Interactive playground showcasing design tokens and components
Design Tokens
The foundation of our design system - colors, typography, spacing, and more
Colors
Gold Primary
#f59e0b
Gold Light
#fbbf24
Gold Dark
#d97706
Silver Light
#e5e7eb
Silver Medium
#9ca3af
Silver Dark
#6b7280
Typography
Aa
Display
Heading 1
Heading 1
Heading 2
Heading 2
Heading 3
Heading 3
Body Large Text
Body Large
Body Text
Body
Small Text
Small
Spacing
xs
0.25rem
sm
0.5rem
md
1rem
lg
1.5rem
xl
2rem
2xl
3rem
Shadows
Soft
Subtle elevation
Medium
Standard cards
Hard
Prominent elements
Glow
Interactive states
Component Playground
Interactive components with live customization controls