Brand Guidelines
Download logos, explore our color palette, and discover typography standards for consistent brand representation across all platforms.
Logo Downloads
Logo Usage Guidelines
- ✓ Maintain minimum clear space around logo equal to height of the icon
- ✓ Use on white, light gray, or dark backgrounds
- ✗ Don't stretch, distort, or rotate the logo
- ✗ Don't change logo colors or add effects
- ✗ Don't place on busy backgrounds that reduce readability
Color Palette
Primary Colors
Slate 950
#020617
Slate 900
#0f172a
Slate 700
#334155
Slate 600
#475569
Slate 200
#e2e8f0
Brand Colors
Sky 600
#0284c7
Sky 500
#0ea5e9
Indigo 500
#6366f1
Blue 950
#172554
Accent Colors
Emerald 500
#10b981
Emerald 400
#34d399
Emerald 300
#6ee7b7
Teal 500
#14b8a6
Brand Gradients
Primary Gradient
from-emerald-400 via-teal-500 to-sky-500
Secondary Gradient
from-sky-500 to-indigo-500
Dark Background Gradient
from-slate-950 via-blue-950 to-slate-900
Typography
Poppins
Headings & Display Text
Weights: 600, 700, 800
Family: font-heading
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Inter
Body Text & UI
Weights: 400, 500, 600, 700
Family: font-sans
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789