Brand
The Astrofox brand kit
Everything you need to represent Astrofox correctly: the mark, the palette, the type, and the rules that keep it consistent.
The mark
Our logo
The fox works on dark backgrounds by default. Give it room to breathe.
Palette
Colour
The hue between light purple and light blue, the bluey purples on deep space dark. Tap a value to copy.
Astro Blue
Primary glow
#77adff
Astro Purple
Primary accent
#e0a2ee
Periwinkle
Core brand
#6893ec
Sky
Light tint
#96c7ff
Void
Background
#0a0a14
Nebula
Surface
#16162a
Typography
Type
Poppins, everywhere. Loaded from Google Fonts.
Poppins
Aa Bb Cc Dd Ee · 0123456789 · “Creating new worlds.”
Light 300Astrofox
Regular 400Astrofox
Medium 500Astrofox
SemiBold 600Astrofox
Bold 700Astrofox
ExtraBold 800Astrofox
Usage
Dos & don'ts
Do
- Write it Astrofox, one word: capital A, lowercase rest.
- Give the logo room to breathe, and keep clear space around it.
- Use the icon on dark surfaces wherever possible.
- Stick to the bluey-purple palette for accents and gradients.
Don't
- Don't write AstroFox, Astrophox, ASTROFOX or Astro Fox.
- Don't recolour the logo outside the brand palette.
- Don't stretch, rotate or add drop shadows to the mark.
- Don't place the icon on busy or low-contrast backgrounds.
