Brand kit
Everything you need
to draw the planet.
Vector logos traced from the master artwork, icons for every platform, the four colours and the two typefaces. Use these files as they are. Don't redraw them.
Download the kit (.zip, 3.9 MB)Logo
Wordmark & monogram
The wordmark is the primary logo. Use the monogram where space is tight or the name is already on screen.
For code, use planet0x-wordmark-current.svg and planet0x-monogram-current.svg. They take currentColor, so the logo follows the text colour around it.
Colour
Four colours, mostly two
Void and Stone do almost all the work. Slate draws rules and quiet surfaces. Orbit is the only accent; keep it for things that are live or selected.
On Void, set Orbit text at #A9BCB1 so it stays readable. Tokens: tokens.css · tokens.json
Type
A Greek serif and a working mono
Marcellus is the closest open typeface to the kit's custom serif: flared strokes cut like inscriptions. Set it in capitals with open tracking. IBM Plex Mono handles everything people read closely, such as labels, numbers, addresses and body copy.
Aa
Marcellus
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789
Headlines, names of moons · caps · +1.5% tracking
Aa
IBM Plex Mono
abcdefghijklmnopqrstuvwxyz
0x4f2a · αβγδ · 0123456789
Body 14/24 · labels 10.5 caps +18% tracking
Elements
Four marks, four meanings
Line work at a 1.5 stroke. They take currentColor, so they work on either ground.
StarExploration
OrbitConnection
RadianceProgress
GravityUnity
Rules
Space, size and what not to do
120 px
24 px- Don't set the name in a typeface. The wordmark is drawn, and its Λ and ∝ don't exist in any font.
- Don't recolour the logo. It's Stone on dark or Void on light, nothing else.
- Don't stretch, outline, add shadows or glow, or put the logo on a busy photo.
- Don't use Orbit for large areas. It's a signal colour, not a background.
Social
Ready-made images