Skip to main content
Download what you need, and use it as it is.

Logos

White is the standard. Use the green symbol when the logo needs more presence, and black only on light backgrounds. Symbol and wordmark together. Use this by default.
Sonar logo, white
WhiteSVGPNG
Sonar logo, green symbol
Green SymbolSVGPNG
Sonar logo, green
GreenSVGPNG
Sonar logo, black
BlackSVGPNG

Symbol

For avatars, favicons and small spaces.
Sonar symbol, white
WhiteSVGPNG
Sonar symbol, green
GreenSVGPNG
Sonar symbol, black
BlackSVGPNG

Wordmark

Only when the symbol is already shown nearby.
Sonar wordmark, white
WhiteSVGPNG
Sonar wordmark, black
BlackSVGPNG

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#00E869
Background#0C0C0D
Surface#17171A
Border#2C2F36
Muted Text#8F8F91
Text#FFFFFF

Typography

Name And Voice

Write Sonar, or Sonar.Trade in running text. We sound sharp, confident, calm and technical: we explain what Sonar does, and never hype what it might do.
Need Something Else?
Want to feature Sonar, or need an asset that isn’t here? Message the team on Telegram.