,

GOV.UK Brand Guidelines: Colours, Font & Design System

·

Brand Guidelines · Field Guide

GOV.UK Brand Guidelines

One design system runs an entire government’s websites — and its typeface came off the motorway.

FIG 1.0 — SIGNAGE DNA

FIG 1.1 — ROAD-SIGN LINEAGE
Aa

Two constants: a functional blue and a typeface with road-sign DNA. Abstract homage — not the crown logo or the official GOV.UK masthead.

GOV.UK since
2012One domain · GDS
GOV.UK Blue
#1D70B8Brand · links
Typeface
GDS TransportNew Transport family
Crown
TudorUpdated Feb 2024
01

One government, one website

In 2012 Britain did something radical: it folded hundreds of government websites into a single, consistent domain.

The Government Digital Service (GDS) launched GOV.UK in 2012, replacing a sprawl of separate departmental sites (Directgov, Business Link and the rest) with one address, one voice and one look. Behind it sits the GOV.UK Design System — a public library of components, patterns and styles that every government service is built from. It’s one of the most disciplined public identities anywhere: whether you’re renewing a passport or checking a tax code, the page looks and behaves the same. That consistency isn’t decoration — for a government, a recognisable, predictable interface is trust.

02

The font from the motorway

GOV.UK’s typeface has a remarkable pedigree: it’s a direct descendant of the lettering on Britain’s road signs.

The brand font, GDS Transport, is built on New Transport — a 2012 revival by the foundry A2-Type (Margaret Calvert with Henrik Kubel) of Transport, the typeface Jock Kinneir and Margaret Calvert designed for Britain’s motorway signs in the 1960s. That heritage is the whole point: Transport was engineered to be read at speed, in the rain, from a distance — exactly the legibility a government website needs. (The font files are licensed for government services, so the lineage is the story here, not a download.) Few brands can say their typeface was road-tested at 70mph.

03

Colour

A palette built for accessibility first: high contrast, few colours, no decoration. Click a swatch to copy the hex.

GOV.UK Blue is #1D70B8, used for links and brand moments, set against a near-black #0B0C0C for text on white. The system is deliberately spare — it has to pass strict accessibility contrast standards for every citizen, on every device, including the oldest and cheapest. There’s no gradient, no glow, no trend. It’s a masterclass in the idea that for a service used by everyone, restraint and contrast matter more than personality.

Click to copy
GOV.UK Blue
#1D70B8
Brand · links
Click to copy
Text Black
#0B0C0C
Body text
Click to copy
White
#FFFFFF
Ground
04

The crown

The one flourish in an otherwise austere identity is a symbol nearly a thousand years old.

GOV.UK pairs its wordmark with a crown — the mark of the state. In February 2024, following the accession of King Charles III, the crown was updated from the previous St Edward’s Crown to the more domed Tudor Crown, quietly rolling the change across the whole of government. It’s a striking juxtaposition: a centuries-old emblem of sovereignty sitting atop one of the world’s most modern, accessible digital services — tradition and usability in a single lockup. (The crown is an official government symbol reserved for official use.)

05

Start with user needs

GOV.UK’s restraint isn’t an aesthetic preference — it flows from a written set of design principles that put the citizen first.

When the Government Digital Service built GOV.UK, it also published a short manifesto: the Government Design Principles, beginning with the now-famous line ‘Start with user needs.’ The others are just as blunt — do less, design with data, do the hard work to make it simple, and be consistent, not uniform. Those rules explain everything visible on the site: the plain-English content, the ruthless removal of jargon and marketing, the single column of clear links. The team treats a government page not as a brochure but as a task to be completed — renew a passport, pay a fine, check a benefit — and every design decision is measured against whether it helps a stressed, distracted, first-time user get that done.

That discipline turned a public-sector website into an unlikely design landmark. GOV.UK won the Design Museum’s Design of the Year in 2013 — the first website ever to take the award — along with a D&AD Black Pencil, and its approach was studied and copied by digital-government teams around the world, from the United States Digital Service to Australia’s own GOV.AU. The identity endures because it solves a genuinely hard problem: a service used by everyone — on old phones, slow connections, in a hurry or in distress — cannot afford personality that gets in the way. By pairing a road-tested typeface with high-contrast colour and near-total austerity, GOV.UK makes a quiet argument that for a government, consistency and clarity are a form of respect, and that good public design is measured not in delight but in the number of people who simply get what they came for.

06

Explore & save

Keep GOV.UK’s identity on hand — save it to a board in the Made Good inspiration library.

GOV.UK identity set

Pin the blue, the signage-lineage type and the palette to your own board.

Signage DNA
Homage
Aa
Road-Sign Lineage
GDS Transport
Core Palette
Blue / Black

♡ Save to a board

07

Source & notes

Editorial reference. This article reports publicly documented facts about GOV.UK’s identity; it is not affiliated with, or endorsed by, the UK Government or the Government Digital Service. The GOV.UK crown logo and official masthead are protected symbols reserved for official government use — the graphics here are original abstract homages (a generic arrow; colour swatches), not the crown or the official wordmark, and imply no government affiliation. Facts verified against the GOV.UK Design System and GDS records; GDS Transport derives from New Transport (A2-Type) and the 1960s road-sign Transport by Jock Kinneir and Margaret Calvert.