Start freeSign in
Brand kit

One mark. Two surfaces. No guesswork.

Everything you need to put Sonar Sciences in front of a pro trader: the radar mark in every approved treatment, the two colour systems, the type scale, and the words we use. Download what you need and follow the rules below.

Download the full kit Read the rules
2A GREY AND NAVY
2B AURORA
Which option

Pick the option before you pick the file.

Both options share the same mark geometry, the same navy ink, and the same two typefaces. They differ only in surface colour. Choose by context, then stay in that option for the whole artefact.

2AGrey and navy
Sonar Sciences

Zero chroma, so nothing competes with the data on the page. Use it for reports, invoices, chart-heavy decks, letterhead, email signatures, the console shell, and any single-colour print run.

MARKLOCKUPTILE
2BAurora
Sonar Sciences

The violet to cyan wash from the landing hero. Use it for marketing pages, social covers, app icons, campaign posts, and event graphics. One gradient per surface, always behind the content.

MARKLOCKUPTILE
Logo

Every approved mark, ready to download.

The mark is a radar: a fixed origin, a sweep, and a detected blip. Download the file that matches your background. Do not rebuild it by hand and do not recolour it yourself.

Primary cyan
SVG
2A graphite
SVG
2B aurora sweep
SVG
Navy, one colour
SVG
Light grey
SVG
Reversed cyan
SVG
Reversed mono
SVG
Small, 40px and under
SVG
LOCKUPS AND APP TILES
Sonar Sciences
Primary lockup
SVG
Sonar Sciences
2A lockup
SVG
Sonar Sciences
Reversed lockup
SVG
2B app tile, 512px
SVG
Colour

Navy carries the words. Colour carries the signal.

Deep navy is the ink in both options. Keep canvases white or cool grey so a single accent always reads as the signal. Grab the tokens rather than typing hexes by hand.

TOKENS.CSSTOKENS.JSON
CORE, SHARED BY BOTH OPTIONS
Deep navy
#0A2540
Headlines, body ink, dark surfaces
Body
#425466
Paragraph text
Muted
#697386
Captions and secondary labels
Surface
#F6F9FC
Section backgrounds and cards
2AGREY AND NAVY
Graphite
#4A5568
The 2A mark
Slate
#8A97A8
Recessive marks
Mist
#CFD7E0
Radar grid lines
2BAURORA
Indigo
#5E50FE
Buttons and links
Cyan
#13C5FE
The radar sweep
Mint
#7EE8DC
Gradient end
STATUS COLOURS, IDENTICAL IN BOTH OPTIONS

Status colour never travels alone. Always pair it with a word, so the state survives greyscale printing and colour blindness.

Live, #15BE53 Pending, #F5A623 Failed, #DF1B41 Draft, neutral
Type

Two typefaces do all of the work.

Inter carries the hierarchy. Contrast comes from size and weight, never from a third font. JetBrains Mono owns every number, ticker, ID, and uppercase label, always with tabular figures so columns line up.

INTER
Prove the edge.
Section header, 30 and 400
Card title, 20 and 600

Body copy sits at 16px with 1.6 line height, capped near 65 characters. Dense enough for an operating console, calm enough to read for an hour.

Light 300Regular 400Medium 500Semibold 600Bold 700
JETBRAINS MONO
+18.42%
Sharpe  2.14
Max DD −6.8%
str_9f2c, v4
$1,204,880.00

Never set running prose in mono. It is for figures and labels only.

TOKEN
SIZE AND WEIGHT
TRACKING
USE
Display
56 / 300
−0.030em
Hero headline
Page title
40 / 300
−0.025em
Screen titles
Section
30 / 400
−0.020em
Section headers
Body
16 / 400
0
Default copy
Overline
12 / 600 mono
+0.10em, uppercase
Eyebrows and labels
Voice

Sound like a quant who respects your time.

We are talking to pro traders. They are sceptical by trade and short on patience. Lead with the number, name the mechanism, and stop. Never call them creators.

VOICE.MD
TAGLINE
Prove the edge.
Then trade it.
DESCRIPTOR

The professional workspace for building institutional-grade quantitative strategies. Validate against four years of SONAR cross-venue data, forward test in live market conditions, and run what survives on your own broker account.

SUPPORTING LINES
Four years of data before a dollar of risk.
You keep the alpha. We handle the rails.
Validated, versioned, and execution ready.
Run it on your own account, at your own broker.
SAY THIS
Pro traderValidate strategyRun it on your own accountConnect a brokerBacktested on four years of data
NEVER THIS
CreatorUnlock your trading potentialGuaranteed returnsGet rich with AI signalsRevolutionary alpha
How to use it

Ten rules that keep the brand intact.

ALWAYS
01Pick one option, 2A or 2B, and hold it for the whole artefact.
02Download the SVG. Never screenshot the mark or trace it by hand.
03Leave clearspace equal to the outer ring radius on all four sides.
04Drop the wordmark below 96px wide and use the mark alone.
05Switch to the simplified small mark at 40px and below.
06Set every figure in JetBrains Mono with tabular numerals.
07Pair status colour with a word, so it survives greyscale.
NEVER
08Stretch, skew, rotate, or outline the mark, and never add a shadow to it.
09Recolour the sweep outside the brand hues, or place the cyan mark on a mid-tone background. Use navy or reversed mono instead.
10Run the aurora gradient behind live data, body copy, or a table. It is a background wash only.
MISUSE AT A GLANCE
Sonar Sciences
Skewed
Sonar Sciences
Wrong font
Rotated
Mid tone
Assets

Take what you need.

Every file is production ready. Vectors scale to any size, so there is no raster export to hunt for.

2BAurora set

Gradient sweep mark, lockup, app tile, and the reversed pair for dark surfaces.

sonar-mark-aurora.svg sonar-lockup-aurora.svg sonar-appicon-aurora.svg sonar-mark-reversed.svg sonar-lockup-reversed.svg sonar-appicon-navy.svg
ALLShared and reference

Primary mark, small sizes, colour tokens, voice rules, and the written guide.

sonar-mark.svg sonar-lockup.svg sonar-mark-40.svg sonar-mark-24.svg sonar-tokens.css sonar-tokens.json sonar-voice.md README.md
Need something that is not here?

Presentation templates, print files, and event graphics are available on request. We turn these around in a day.

Ask the brand team