← Brand guide

Logo

Eleven files covering every ground the mark has to sit on. SVG is the original — reach for a PNG only where vector isn’t an option.

Lockups

The mark and the wordmark together — the default expression of the brand. Erode Medium at -0.02em, one mark-height of clear space on all sides. Never re-space or re-proportion the pair.

Primary lockup
Primary lockup

Coral mark, deep ocean wordmark. The default, on any light ground.

Lockup on deep ocean
Lockup on deep ocean

Coral mark, white wordmark. For deep ocean and dark photography panels.

Mono lockup · deep ocean
Mono lockup · deep ocean

Single colour, for one-ink print and embossing.

Mono lockup · white
Mono lockup · white

Single colour, where coral would not survive the ground.

The mark alone

For avatars, favicons and any space too tight for the wordmark. The ink fills the artboard, so the file's bounding box is the mark's bounding box.

Mark · coral
Mark · coral

Avatars, favicons and any space too tight for the wordmark.

Mark · deep ocean
Mark · deep ocean

Where coral is already carrying a signal elsewhere on the surface.

Mark · white
Mark · white

On deep ocean, gradients and photography panels.

App icons

512px squircle tiles — the mark at 56% on a 23% radius. Never tint the tile: the icon is coral on white, or white on deep ocean or gradient, only.

App icon · coral
App icon · coral

The default tile. White mark at 56% on a 23% squircle.

App icon · white
App icon · white

For light UI, where a coral tile would out-shout the chrome.

App icon · deep ocean
App icon · deep ocean

For dark UI.

App icon · gradient
App icon · gradient

Deep ocean to ocean blue. Store listings and marketing only.

Clear space and misuse

Clear space is one mark-height on every side. Beyond the pairs above, the lockup is not to be recoloured, outlined, re-spaced, stretched, rotated, set on a busy photograph, or given a drop shadow. If a ground fights the coral mark, use a mono lockup rather than inventing a new colourway.