Brand Kit

SSP Brand Kit

Official logos, colors and guidelines for SSP Wallet and SSP Key. Use them in articles, integrations, exchange and provider listings, and videos.

SVG is the source for every logo. Use SVG wherever you can and PNG only where a vector won't work.

Listing SSP next to other providers?

Use the amber circle icon. It stays clear at avatar size in swap, wallet and exchange lists.

Symbol

The three pillars on their own, for when the space is too small or too square for the full logo.

Symbol: On dark

On dark

Dark backgrounds (default)

Symbol: On light

On light

Light backgrounds

Symbol: Black

Black

SSP Amber and one-color print

Symbol: White

White

Photos and busy or colored backgrounds

PNG files are 1024 px tall with a transparent background.

Icon

The symbol on a solid tile, for avatars, provider and wallet lists, app tiles and social profiles. Amber is the default. Dark or light work where amber clashes with your UI.

Recommended for provider listsIcon: Circle, Amber

Circle · Amber

Icon: Circle, Dark

Circle · Dark

Icon: Circle, Light

Circle · Light

Icon: Square, Amber

Square · Amber

Icon: Square, Dark

Square · Dark

Icon: Square, Light

Square · Light

SSP Key app icon

SSP Key app icon

The SSP Key mobile app has its own icon. Use it only when you refer to the mobile app.

PNG 512

Colors

The amber ramp comes from the pillars of the symbol. Click any value to copy it.

SSP Amber

Primary brand color: buttons, highlights, accents

Amber Light

Center pillar of the symbol

Amber Deep

Left pillar of the symbol, hover states

Amber Action

Calls to action, gradient end on marketing

Graphite

Right pillar and wordmark on light backgrounds

Night

Dark backgrounds and surfaces

White

Right pillar and wordmark on dark backgrounds

Aa
Aa

Text and icons on SSP Amber are always black, never white.

Typography

Two free Google Fonts: Montserrat for headings, Inter for everything else.

Montserrat

Headings and display · Weights 600 · 700 · 800

Two keys. One wallet.

Get it on Google Fonts

Inter

Body and UI · Weights 400 · 500 · 600 · 700

Every transaction needs both your browser and your phone to sign it, so one stolen device can't move your funds.

Get it on Google Fonts

Both are free under the SIL Open Font License. The SSP wordmark is custom lettering, not a font, so always use the logo files and never retype it.

Usage

Clear space

Keep free space around the logo equal to x, the width of one pillar. No text, edges or other graphics go inside it.

Logo

Digital: 96 px wide

Print: 25 mm wide

Symbol

Digital: 16 px tall

Print: 5 mm tall

Icon

Digital: 24 px

Print: 8 mm

Minimum sizes

Below these sizes the pillars blur together. Use the symbol or the icon when space is tight.

Do's and don'ts

Do

Use the on-dark logo on dark backgrounds and the on-light logo on light ones.

Do

Use the black logo on SSP Amber and the white logo on photos or busy color.

Don't

Don't stretch, squash or crop the logo.

Don't

Don't rotate the logo.

Don't

Don't change the pillar colors or add gradients.

Don't

Don't add outlines, glows or drop shadows.

Don't

Don't lower the contrast or set the logo at reduced opacity.

SSP
Don't

Don't retype the wordmark, move the symbol or change the spacing.

Don't use low-resolution files. Use the SVG, or a PNG at or above display size.

Writing the name

  • SSP is always written in capitals, never Ssp or S.S.P.
  • The products are SSP Wallet (browser extension) and SSP Key (mobile app). Capitalize both words.

Tagline

Secure. Simple. Powerful.

One-line description

SSP is a true 2-of-2 multisig crypto wallet: one key in your browser, one on your phone.

Product images

Marketing images with demo balances, ready for articles and listings.

Banners

Banners

SSP Wallet banner 1400×560 and tile 440×280, SSP Key banner 1024×500.

Browse on GitHub
SSP Wallet panels

SSP Wallet panels

Five feature panels, 1280×800.

Browse on GitHub
SSP Key panels

SSP Key panels

Six feature panels, 1290×2796, phone portrait.

Browse on GitHub