Design System

Brand Guidelines

Dynamic visual identity system, color palette shade scales, typography tokens, and interactive components layout.

Primary#3b82f6
Secondary#64748b
Accent#8b5cf6
HeadlineOutfit
Aa
The quick brown fox jumps over the lazy dog.
BodyInter
Aa
The quick brown fox jumps over the lazy dog.
Buttons
Curvature: 12px
Headings Hierarchy

H1 Heading

36px / 2.25rem

H2 Heading

30px / 1.875rem

H3 Heading

24px / 1.5rem

H4 Heading

20px / 1.25rem
H5 Heading
18px / 1.125rem
Heading Family: Outfit