Brand

The mark, wordmark, colour and type that make Anchor Hosting look like Anchor Hosting. Download the assets below — everything else on this page explains how to use them.

Logo

One drawing, three treatments: the lockup where there is room, the bare mark where there is not, the tile only where a square icon is required.

Anchor Hosting lockup on light
Anchor Hosting lockup in white on navy
Bare anchor mark
Anchor app icon tile

Colour

The palette is defined twice — once for light, once for dark. Every colour in the product goes through a token; nothing is hardcoded.

Light

Navy #123E8C · --navy The brand colour. Mark, primary buttons, links.
Ink #15181D · --text Headings and body text.
Slate #565C66 · --text-2 Secondary text.
Mist #F5F7FA · --bg Page background.
Surface #FFFFFF · --surface Cards and panels.
Border #E3E7EE · --border Hairlines and card edges.
Good #1C8A55 · --good Positive status.
Warn #B0761B · --warn Caution status.
Bad #BF3B2E · --bad Error status.

Dark

Sky #5C97F7 · --navy The mark and actions on dark.
Fog #E9ECF1 · --text Headings and body text.
Haze #A3ACB9 · --text-2 Secondary text.
Depth #0B0E13 · --bg Page background.
Hull #141922 · --surface Cards and panels.
Seam #242C39 · --border Hairlines and card edges.
Good #3FBE7F · --good Positive status.
Warn #E0A64A · --warn Caution status.
Bad #EE7264 · --bad Error status.

Type

Hand it off. It gets done.
Plus Jakarta Sans
Headings, UI and body. Weights 400–800; display sizes track tight (−2 to −3.5%).
Aa Aa Aa Aa Aa
$12.50/mo · 99.98% · 4,128
JetBrains Mono
Numbers, prices, code and anything terminal-flavoured. Weights 400–600.
0123 0123 0123

Using the mark

Do

  • Use the bare navy mark on light surfaces, the white mark on navy, photos or dark surfaces.
  • Scale the mark as a whole — the stroke weight is part of the drawing.
  • Keep clearspace of at least half the mark’s height on every side.
  • Set the wordmark in Plus Jakarta Sans Bold with −1% tracking, cap-height aligned to the mark.
  • Use the rounded tile only where a square avatar or app icon is required.

Don't

  • Don’t redraw, outline, thicken or thin the anchor glyph.
  • Don’t place the bare mark inside a tile of any other colour.
  • Don’t retype the wordmark in another typeface or weight.
  • Don’t introduce colours outside the palette on this page.
  • Don’t use the mark smaller than 16px, or the lockup smaller than 24px tall.
  • Don’t mix the retired 2015 logo with the current mark.