Start hereBrand Kit
Download ar.io brand assets including logos, color palette, and typography guidelines for use in your projects.
AI Agent Integration
For machine-readable brand guidance, point your agent at /brand-kit/agents.json.
Logo Assets
Color Palette
Primary
#5427C8
Primary brand color for CTAs, links, and accents
Lavender
#DFD6F7
Secondary color for gradients and backgrounds
Black
#23232D
Primary text color and dark elements
White
#FFFFFF
Background and light text on dark surfaces
Card Surface
#F0F0F0
Card backgrounds and elevated surfaces. Never a full-page background
Section Backgrounds
Top-level pages alternate these deliberately. Never place two sections with the same background next to each other.
Deep Dark
#0e0a1c
Heroes and final CTAs
Charcoal
#23232D
Trust, proof, and high-emphasis sections
Lavender Wash
#f1ecff
Product, system, and how-it-works sections
Warm Neutral
#F6F4EF
Explanatory and transitional sections
Dark Accent
#D4C6FF
Labels, emphasis, and accents on dark surfaces
Subtle Border
#E6E4EF
Dividers, list rows, and quiet borders
Text Hierarchy
Create hierarchy with opacity, never with an additional gray. The previously published body gray #4A4A58 is retired.
Primary
foreground
The quick brown fox jumps over the lazy dog.
Secondary
/80
The quick brown fox jumps over the lazy dog.
Body
/70
The quick brown fox jumps over the lazy dog.
Captions
/60
The quick brown fox jumps over the lazy dog.
Typography
Besley
Used for headlines and display text. Weight: 800 (Extra Bold).
The Quick Brown Fox
Jumps Over The Lazy Dog
Plus Jakarta Sans
Used for body text and UI elements. Variable font with multiple weights.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
