\nDesign System — Golden Agency

Design System

Golden Agency — Systems Atelier. Warm enough for a bakery owner. Sharp enough for a systems engineer.

✦ COLOR PALETTE

Deep Void

#0A0A0F — Primary background

Deep Velvet

#181620 — Card / elevated surface

Aurelian Gold

#D4AF37 — Primary accent (material gold)

Forge Bronze

#B8860B — Secondary / workshop gold

Warm Brass

#C6A664 — Tertiary / border metal

Signal Violet

#8B6FC0 — Systems / AI accent

✦ TYPOGRAPHY

Display — DM Serif Display (48px+ only)
Systems Atelier
Body — Inter
We design and build the digital engines behind modern businesses. From local operations in Bulgaria to global architectures.
Display Italic
Craft meets code
Utility — JetBrains Mono
const agency = new Golden({ vision: 'systems' });

✦ THE GOLDEN SEAM

22.5° horizontal

Pulsing seam

22.5° angle cut

✦ ICON SYSTEM

Home
Showcase
Lab
Systems
External

✦ COMPONENT PREVIEW

Lumière Beauté

AI-powered luxury beauty salon concept with concierge, booking, and client dashboard.

BeautyAIConcept

✦ MOTION

Hover the box — CSS transform only, 60fps

ease-out-expo: cubic-bezier(0.22, 1, 0.36, 1)

✦ STATUS

Design System v4.0 — Ready for your review
Tokens implemented: colors, typography, Golden Seam, icons, cards, buttons, motion.
Aesthetic risk taken: Signal Violet (#8B6FC0) as systems-only accent — never in client-facing sections.

on every page. Self-contained — no external CSS dependencies. ═══════════════════════════════════════════════ -->