Visual System

Mobile-first foundation with scalable tokens and accessible contrast.

Color Palette

Primary
#4DA3FF
Secondary
#7B73FF
Background
#0A0A0C
Surface
#1A1A20

Typography

Heading 1 — 32px
Heading 2 — 28px
Heading 3 — 20px
Body — 16px

Spacing System

8px
16px
24px
32px
40px
48px
64px

Motion

Micro-interactions stay under 250ms with reduced-motion support.

Breakpoints

320px
768px
1024px
1440px