Design System
The dark-luxe, amber-gold language behind dzikrisyairozi.com — every value below reads from the live CSS tokens.
Color tokens
Canvas
#07070B — page background
Surface
#0E0E15 — cards
Surface raised
#14141D — popovers, code blocks
Primary 200 · champagne
#F5E3B8
Primary 300 · soft gold
#E9C46A
Primary 400 · rich gold
#D9A441
Primary 500 · deep amber
#C08329
Accent gradient
300 → 400
Typography
Display / Space Grotesk
Heading 1 / Space Grotesk
Heading 2 / Space Grotesk
Heading 3 / Space Grotesk
Body / Inter — 5+ years shipping secure, production-grade full-stack systems.
Overline / Inter tracked
Components
Motion
Hover the card for the spotlight; the tiles below re-reveal on scroll. All motion is transform/opacity-only and respects reduced-motion.
Card spotlight
An amber glow follows your cursor across this surface.