Brand kit

Logos, colours,
ready to use.

Everything you need to feature Userouter or $ROUTER: the logo in every version, the mark, the app icon and the palette. SVG for anything that scales, PNG for everything else.

Userouter mark

Logo.Mark and wordmark together. Use this first.

Logo, dark backgrounds

Logo, dark backgrounds

Primary lockup

Logo, light backgrounds

Logo, light backgrounds

Primary lockup

Logo, white

Logo, white

One colour, on photos or colour

Logo, black

Logo, black

One colour, on photos or colour

Mark and icon.For avatars, favicons and tight spaces.

Mark

Mark

Dark backgrounds, with glow

Mark, light

Mark, light

Light backgrounds

Mark, white

Mark, white

One colour

Mark, black

Mark, black

One colour

App icon

App icon

Avatars, listings, token logo

Colour.Dark first, with green for action and lime for the spill.

#060A13

Night

Backgrounds

#EEF0F7

Starlight

Text, strokes

#A855F7

Router violet

Accent, actions

#C48BFF

Glow

Highlights, the route in the mark

#0C1220

Card

Surfaces

#838BA2

Muted

Secondary text

Type: Inter for the wordmark and UI (semibold, tight tracking), Inter Tight for display headlines, Geist Mono for labels and numbers.

Usage.A few rules keep it recognisable.

01

Spaced capitals

The wordmark is “USEROUTER” in spaced capitals. In copy, use Userouter, and $ROUTER for the token.

02

Give it room

Keep clear space around the logo at least the height of the star in the mark.

03

Don’t redraw it

No stretching, re-spacing the wordmark, outlines, shadows, or joining the routes to the star.

04

Pick the right version

White with its glow on dark and on photos, ink on white. Never two colours in one mark.

Need something else? Write to hello@userouter.xyz.