Resources

Brand kit

The wordmark, the mark, the colours and the images, ready to download.

The idea#

Everything in Crest is cut at a waterline. The wordmark is set in Archivo at its widest and cut halfway up its x-height: the lower half is the base and stays put, the upper half is the crest and lifts. Wherever the crest clears a line, it turns spray orange. The same cut runs through the app's chart, where the waterline is the fixed rate.

Using the wordmark#

  • Keep the gap between the halves. It is the logo, not a printing fault.
  • Use ink on foam, or foam on sea or night. Use spray for the crest half only, never for the whole word.
  • Leave clear space around it of at least the height of its x.
  • Don't redraw, outline, stretch or rotate it, and don't set it in another typeface.

Type#

UseFaceSetting
Wordmark and displayArchivoWeight 760–820, width 112–125
TextArchivoWeight 400–650, width 100
Numbers and codeDM MonoRegular and Medium, tabular figures

Both are open fonts under the SIL Open Font License.

Colours and files#

Sea#1a35cfThe instrument, the overview, the mark
Deep#0a1647Depth under the sea, code
Night#050918Risks and the footer
Foam#f2eee3Paper: the app and the docs
Spray#ff6436What clears the line; long crest
Spray ink#c2360fSpray as text on foam
Sky#a9bbffThe fixed-rate line; short crest
Ink#0b1030Type and print shadows

Wordmark

Ink
InkSVGPNG
Ink with spray
Ink with spraySVGPNG
Foam
FoamSVGPNG
Foam with spray
Foam with spraySVGPNG

Mark and avatar

Mark
MarkSVGPNG
X avatar, 400 × 400
X avatar, 400 × 400PNG

Banners and link previews

X header, 1500 × 500
X header, 1500 × 500PNG
Overview preview, 1200 × 630
Overview preview, 1200 × 630PNG
App preview, 1200 × 630
App preview, 1200 × 630PNG
Docs preview, 1200 × 630
Docs preview, 1200 × 630PNG

Explainer cards, 1600 × 900

Every epoch settles on its own
Every epoch settles on its ownPNG
What a deposit covers
What a deposit coversPNG
One number per epoch
One number per epochPNG