Logos
White is the standard. Use the green symbol when the logo needs more presence, and black only on light backgrounds.Logo
Symbol and wordmark together. Use this by default.Symbol
For avatars, favicons and small spaces.Wordmark
Only when the symbol is already shown nearby.Usage
Keep clear space around the logo so nothing crowds it, and always use the files as they are.- Clear space: at least the gap between the symbol and the wordmark, on every side.
- Backgrounds: dark by default. The black logo only goes on light backgrounds.
Don’t Stretch It
Keep the logo’s proportions. Never squash or stretch it.
Don’t Rotate It
The logo always sits level.
Don’t Recolour It
Use the white, green or black files only.
Don’t Add Effects
No glows, shadows, outlines or gradients.
Colour
Dark first, green as signal. Green marks what matters, like a key action or a highlighted word. Everything else sits on dark neutrals.Sonar Green
#00E869Background
#0C0C0DSurface
#17171ABorder
#2C2F36Muted Text
#8F8F91Text
#FFFFFF