Brand kit

Oyster, on your page.

Logos, typefaces and colors for writing about Oyster. Please keep the mark as drawn: no recoloring beyond these two versions, no stretching, and a little clear space around it.

Logos

The logo pairs the mark with the wordmark. Use “Oyster Wallet” where the product needs naming in full, and the mark alone where space is tight, like an app icon or avatar.

Oyster logo, for dark backgrounds

Logo

For dark backgrounds

Oyster logo, for light backgrounds

Logo

For light backgrounds

Oyster logo with wallet, for dark backgrounds

Logo with Wallet

For dark backgrounds

Oyster logo with wallet, for light backgrounds

Logo with Wallet

For light backgrounds

Oyster mark, for dark backgrounds

Mark

For dark backgrounds

Oyster mark, for light backgrounds

Mark

For light backgrounds

Typefaces

The same three families the wallet uses. All are free under the SIL Open Font License.

Every pearl needs an oyster.

Newsreader

Display. Headlines, balances and the wordmark, set at weight 500.

Google Fonts

Store, send, trade and mine PRL.

IBM Plex Sans

Body. Interface text, buttons and paragraphs, weights 400 to 600.

Google Fonts

1,009.01 PRL · 1.40 USDT

IBM Plex Mono

Numbers and labels. Prices, addresses and small uppercase eyebrows.

Google Fonts

Colors

A deep-sea base with pearl text and a single teal accent.

Abyss

#04070F

Page background

Deep

#081225

Raised surfaces

Pearl

#F4F1EA

Text and the mark on dark

Mist

#9AA7C2

Secondary text

Teal

#63B8B0

Accent on dark

Deep teal

#1F6F6A

Accent on light

Ink

#14161D

Text and the mark on light

Iris

#8B7BFF

Glow and gradients