Brand — navigate.st

Assets

Logo

Compass rose in a chain-link ring. Use where the mark stands alone — favicons, app icons, small tile placements. North point in acid green.

SVG · viewBox 200×200 · scalable

SVG Open

Wordmark

Mark + "navigate.st" at 60 px. Use for horizontal placements — page headers, email signatures, footer bars.

SVG · viewBox 640×120

SVG Open

Avatar

Square 400×400 with radial background, big mark, wordmark below. For social profile pictures — X, Mastodon, Nostr. Rasters cleanly to 200×200 and 100×100.

SVG · viewBox 400×400

SVG Open

Banner

Wide 1500×500 header for X / Mastodon covers, OG social cards. Tagline under the wordmark says what the site does; edit the text nodes in a vector editor if you need a different language or campaign.

SVG · viewBox 1500×500 · 3:1 aspect

SVG Open

Favicon

The compass rose compressed for tab-bar rendering. Served from /favicon.svg. Same visual identity as the logo, tuned for 16×16.

SVG · viewBox 32×32

SVG

Palette

navigate.st shares the Silent Mode palette exactly — one accent, one text tone, a small spread of greys. Same tokens the site's inline CSS uses.

Acid

#d6ff3d

Accent — the north-point on the compass, the ".st" in the wordmark, active state.

Ink (bg)

#0b0e14

Page background.

Card

#141a24

Elevated surfaces, quick-link cards.

Text

#e7eaf1

Body ink.

Muted

#8b98a9

Secondary text, muted mark stroke, the outer chain ring.

Blue

#4b7bec

The search button, form focus rings, "open" affordances.

Usage

Where this mark goes

Anywhere navigate.st itself is the subject — the gateway page, its social accounts, docs about the relay tier. When Silent Mode as a whole is the subject, use the Silent Mode mark instead.

Family relationship

The chain-link ring around the compass is deliberate: it says "part of Silent Mode" without repeating the Silent Mode chain-links mark. If you remove the ring, this stops being navigate.st and becomes a generic compass icon.

North stays acid

The green north-point is the whole message — "there is a direction, and this is it". Don't recolour it. Don't rotate it (the compass no longer points north).

Wordmark colouring

"navigate" in body text, ".st" in acid. Don't reverse them; "navigate" in acid reads as marketing, not identity.

Don't:

Remove the chain-link outer ring — it's the Silent Mode-family cue.
Recolour the north point away from acid green.
Rotate the compass (it stops pointing at the thing that matters).
Use the mark to endorse a third-party gateway or "compatible relay" without written permission.

Related brand kit. The umbrella Silent Mode brand kit — the chain-links mark, wordmark, avatar and banner for the whole stack — lives at silentmode.st/brand/. Use that mark when talking about Silent Mode as a project; use this one when talking specifically about the gateway.