Skip to content

Internal

Brand styleguide

The logo, what to use where, and the colour and type that sit around it.

Assets

Download

Both forms, both grounds, as SVG, transparent PNG and flattened JPEG.

Download the packZIP · everything

Logo

Mark and wordmark

Mark

Without the wordmark

PNGs are transparent; JPEGs are flattened onto their ground, because JPEG cannot carry an alpha channel. Take the file that matches the ground in every case — the two columns differ in more than the colour of the type. The gradient inside the hexagon runs to near-navy at the bottom and near-white at the top, so on the wrong ground about a quarter of the outline drops below 2:1 and disappears into the page. Each file lifts the end that is at risk for its own ground.

Guidelines

Logo

Using the logo.

Go10 logo for dark grounds

Dark grounds

White wordmark. Navy, photography and any ground darker than mid-grey.

Go10 logo for light grounds

Light grounds

Navy wordmark. White, paper and any ground lighter than mid-grey.

The mark-only files are also supplied per ground, and the difference is not cosmetic: the sweep inside the hexagon runs to near-navy at the bottom and near-white at the top, so on the wrong ground about a quarter of the outline falls below 2:1 and dissolves into the page. Each file lifts the end that is at risk. The opening is clipped rather than filled in both, so whatever is behind the mark still shows through.

Colour

Element
Dark grounds
Light grounds
Wordmark “GO”
#FFFFFF
#132444
Numerals “10”
#C5A572
#C5A572
Mark
As supplied
As supplied

Only the wordmark changes with the ground, and only the “GO”. The numerals stay #C5A572 on both — which is about 2.2:1 on white, so the artwork leans on the navy “GO” beside them to carry the lockup rather than on the gold alone. Don’t set the numerals in gold on a pale ground on their own.

Construction

Clear space

A quarter of the mark’s height on every side — the same measure as the opening in its middle, so it can be checked by eye.

Minimum size

Mark: 20px tall. Logo: 22px tall, which is 75px wide. Below that the opening closes up and the numerals lose their counters.

Logo ratio
3.39 : 14276 × 1263 in the artwork
Mark ratio
0.90 : 11021 × 1131
Mark share
24%of the logo's width

Proportions

Fixed by the artwork. Scale it; never re-space the mark against the wordmark.

Misuse

  • Don’t stretch

  • Don’t recolour

  • Don’t add effects

  • Don’t rotate

Also: don’t put the light-ground logo on a dark ground or the reverse, don’t place it over a busy image without a plate behind it, don’t rebuild the wordmark in a live typeface, and don’t enlarge the SVG past about 1000px of mark width — the mark inside it is a bitmap and will soften.

Settled

Gateway's colour system

Navy grounds, white type, gold as the one brand accent. Green, red and amber appear only against values that carry meaning.

  • Canvas#0A1628navy-950 · page ground
  • Surface#101C33raised panel
  • Surface 2#152142navy-900 · Gateway card
  • Surface 3#233357navy-800 · Gateway muted
  • Surface 4#2B3D61navy-700 · chart fills
  • Gold#C5A572the one brand accent
  • Gain#34D399positive values only
  • Loss#F87171negative values only
  • Warn#FB923Cthresholds

Type

Jost for display, Inter for reading

The site's typography, which is separate from the logo — the wordmark is supplied as outlines, so it carries its own letterforms.

Display · Jost 500

A new breed of UK distributor.

Body · Inter 400

Go10 combines deep retail expertise, established relationships with leading UK retailers, hands-on commercial management and proprietary technology.

Data · JetBrains Mono 500

£84.6k · 31 days · 2.1%