Design System

Color Showcase

Primary — Gold

#d4a017 primary
#f0c040 primary-hover
#f7e090 primary-light
#a07810 primary-dark

Secondary — Amber

#c87533 secondary
#d88840 secondary-hover
#e8a870 secondary-light

Backgrounds & Surfaces

#111111 background
#1a1a1a surface
#222222 surface-elevated
#2a2a2a surface-hover

Text

#f5f5f5 foreground
#a3a3a3 muted
#737373 subtle

State Colors

#10b981 success
#ef4444 error
#f59e0b warning
#d4a017 info

Borders

#2a2a2a border
#1f1f1f border-subtle
#404040 border-hover

Gradient & Opacity

from-primary via-primary-light to-secondary

/100
/80
/60
/40
/20

Button Variants

hello@example.com
wa.me/10000000000
facebook.com/yourcompany
@yourcompany
@yourcompany
@yourcompany