Brand books Draft · facts being checked

Brand book

GOV.UK

The brand is the task list. GOV.UK earns trust by looking the same everywhere and getting out of the way; the 2025 refresh added exactly one expressive element, the dot, and kept it off the working web pages. Our reading

The system

Fixed, everywhere

Primary blue
Signature color
AaGDS Transport Bold + GDS Transport Light
Type pairing
  • Primary blue #1D70B8 as the lead colour, with Accent teal
  • The wordmark and crown lock-up on web
  • GDS Transport, light and bold only
  • Plain English, sentence case

The one thing that varies

Expression: the wider palette, the dot and motion move along the inform-to-inspire scale by channel (web least, social most) and by subject (muted for sensitive topics, brighter for positive ones).

Source: brand.design-system.service.gov.uk/introductionbrand.design-system.service.gov.uk/graphic-device/expression

How loud each format gets

Silent
QuietLanding page
CalmSlidesPrint / poster
Warm
LoudSocial
Loudest

Our engine's setting, built from their rules.

Every piece passes two checks

Logo hidden

Cover the logo. It should still read as GOV.UK: a solid #1D70B8 block, bold sentence-case white headline, underlined blue links on white, square corners.

Plain English

No sentence over 25 words, no "please", no buzzwords, no negative contractions.

Strategy

The single, trusted place for UK government services and information, written in plain English for everyone. Our reading

01

Trusted and recognisable

One of the most recognisable and trusted online destinations in the UK since 2012. Published

02

Help people do what they need

On every channel the focus is helping people find what they need from government and complete tasks. Published

03

Plain English for everyone

Plain English is mandatory so everyone who needs the content can understand it. Published

04

Accessible by default

Every colour pairing must meet WCAG 2.2 AA; meaning is never carried by colour alone. Published

Full spec
For Published
Anyone living in the UK, British citizens abroad, and people abroad who want to do business in or travel to the UK
Problem Our reading
People need to find the right government information and complete tasks without knowing which department runs what.
Promise Observed
The best place to find government services and information.
Mission Published
Help people find what they need from government and complete tasks using government services.

Proof behind each pillar

Story Published

Launched in 2012, GOV.UK replaced hundreds of government websites with one. In 2025 the brand evolved: the header turned Primary blue, the dot in the wordmark rose and turned teal, and a motion language around the dot was added for the app and social.

Values

Consistency

apply core elements the same way everywhere so people know they are in the right place

Published
Coherence

let the elements flex to the context without losing the identity

Published
Inform to inspire

web informs; app and social can inspire

Published

Category. Government services and information platform (web, app, wallet) Published

Why them

  1. One domain for all of government, recognised since 2012. Published
  2. Plain English mandatory across every page. Published
  3. An accessibility-first palette and type scale tested for readability. Published
  4. Its own typeface descended from UK road signs. Published

Instead of

Individual department websites and unofficial third-party sites (GOV.UK replaced the former).

Boilerplate Published

GOV.UK has been the single home of UK government online since 2012. Its brand was refreshed in June 2025 so it can work beyond the website, in the GOV.UK app, GOV.UK Wallet and social media, while keeping its recognisable, trusted foundations.

Taglines

The best place to find government services and information Observed

Your government services and information, on the go Observed

They never claim

  • The crown and royal arms are Crown copyright and restricted; a kit borrower never uses them. Published
  • GDS Transport is for GOV.UK and service.gov.uk only; services elsewhere must use another typeface. Published
  • Never imply government endorsement. Our reading

No slogans: the homepage leads with one claim ("the best place to find government services and information") and then lists tasks. Every heading is the name of a task or topic; every description is one plain line.

Source: gov.ukbrand.design-system.service.gov.uk/introductionguidance.publishing.service.gov.uk/writing-to-gov-uk-standards/style-guides/a-to-z-style-guide

Personality and voice

Specificbut not VaguePublished
Briskbut not TersePublished
Seriousbut not PompousPublished
Approachablebut not ColdPublished

Many readers have low literacy or English as a second language; specialists also prefer plain English.

Full spec
  • Sentence case headlines
  • British spelling
  • Write as “we”, to “you”
  • Sentences of 25 words or fewer
  • No exclamation marks
  • Never: can't, don't, won't, should've, could've, would've. Say cannot, do not
  • Never: please, please note. Say give the instruction directly
  • Never: &. Say and
  • Say “buy”, not “purchase”
  • Say “help”, not “assist”
  • Say “about”, not “approximately”
  • Say “work with”, not “collaborate”
  • No more than 5 sentences per paragraph; split sentences over 25 words
  • Active voice: "You need an electronic travel authorisation", not "...is needed"
  • "must" for legal requirements, "need" for process steps, "can" for options
  • No block capitals for large amounts of text; it reads as shouting
  • Numerals for all numbers (including 2 to 9) except "one" and common expressions; commas over 999; % sign
  • Dates as 4 June 2017; ranges with "to", not dashes; times as 5:30pm, 10am to 11am
  • £75 not £75.00; pence written out
  • Page titles 65 characters or less, front-loaded, no full stop, not questions, no dashes or slashes
  • Bullets need a lead-in line, start lower case, one sentence each, no full stop after the last
  • Avoid buzzwords such as deliver (abstract), empower, facilitate, focus, combat, deploy, agenda
  • Single quotes for unusual terms and interface labels; double quotes only for direct speech

SpecificInformativeClear and conciseBrisk, not terseSerious, not pompous

GOV.UK publishes its tone of voice as a short list: specific, informative, clear and concise, brisk but not terse, incisive but human, serious but not pompous, emotionless. Plain English is mandatory, with a large A to Z style guide behind it.

  • Address the user as "you"
  • Active voice
  • Up to 25 words a sentence, 5 sentences a paragraph
  • No negative contractions
  • No "please"
  • "must" / "need" / "can" by how binding it is
  • The published tone of voice: specific, informative, clear and concise, brisk but not terse, incisive but human, serious but not pompous, emotionless.
  • Write conversationally, as if talking one-to-one, with the authority of someone who can actively help.
  • Plain English is mandatory for all of GOV.UK, including for specialists.
  • Address the user as "you"; use "we" only once the organisation has been named.
  • Web is the "inform" end of the brand's inform-to-inspire scale; app and social can be more expressive.

Their words

youbuyhelpaboutcanmustneed

Never

please / please notenegative contractions (can't, don't)block capitalsbuzzwords: deliver, empower, facilitate, leverage-style jargon& (use "and")exclamation marks

Source: guidance.publishing.service.gov.uk/writing-to-gov-uk-standards/writing-guidelines/right-tonebrand.design-system.service.gov.uk/introduction

  • Don’t use block capitals
  • Don’t use jargon or buzzwords
  • Don’t use "&"
Tonespecific, informative, brisk, serious
Sentencesplit over 25 words
Paragraphmax 5 sentences
Casesentence case
Numbersnumerals, % sign, 9,000

Source: guidance.publishing.service.gov.uk/writing-to-gov-uk-standards/writing-guidelines/right-toneguidance.publishing.service.gov.uk/writing-to-gov-uk-standards/writing-guidelines/clear-languageguidance.publishing.service.gov.uk/writing-to-gov-uk-standards/style-guides/a-to-z-style-guide

Color

Using the blue more consistently makes it the visual signature; teal makes the brand feel more modern.

Full spec
  • Lead with Primary blue and Accent teal
  • Use functional colour names, not hex, in code
  • WCAG 2.2 AA contrast for every combination
  • Never convey meaning by colour alone
  • Focus yellow only for focus
  • Don’t create new colours
  • Don’t use too many colours in one application
  • Don’t mix colours into gradients (single-colour gradients over imagery are allowed)
  • Don’t alter palette values
Primary blue#1D70B8 · RGB 29 112 184
Accent teal#00FFE0
Text#0B0C0C
Link#1A65A6
Focus#FFDD00
Template bg#F4F8FB

GOV.UK is a blue brand: Primary blue #1D70B8 and Accent teal #00FFE0 lead every channel. A four-tier palette (primary, tints, shades, accents) covers blues, greens, teals, purples, magentas, reds, oranges, yellows, browns and neutrals, plus functional colours (text, links, border, focus, error, success).

Not published: colour proportions.

Source: brand.design-system.service.gov.uk/colourbrand.design-system.service.gov.uk/colour/govuk-bluebrand.design-system.service.gov.uk/colour/webdesign-system.service.gov.uk/styles/colour

Typography

The best place to find government services and information

Aa
GDS Transport BoldDisplay · open stand-in Roboto
Aa
GDS Transport LightText · open stand-in Roboto 360

Designed to be read at speed; it makes GOV.UK easy to recognise and read on any device.

Full spec
Their faceUseLicenseOpen stand-in
GDS Transport BoldHeadings, links, labelsCrown; for GOV.UK and service.gov.uk onlyRoboto
Bold width within 1% and ink within 1% of GDS Transport Bold at 19-64px; shares the single-storey g and plain terminals (see typography.calibration). Already in the Steal type library.
GDS Transport Light (weight 400 on the site)Body copyCrown; GOV.UK onlyRoboto 360
Roboto at 360 with -0.01em tracking matches the Light file's width and ink within 1%.
None publishedCode onlyn/aJetBrains Mono
  • GDS Transport only on service.gov.uk / GOV.UK
  • Two weights: light and bold
  • Body 19px on all screens
  • Line heights on a 5px rhythm
  • Sentence case
  • Don’t use GDS Transport off GOV.UK domains
  • Don’t add weights or a second family
Real faceGDS Transport Light / Bold
Scale (large)80/80, 48/50, 36/40, 27/30, 24/30, 19/25, 16/20
Scale (small)53/55, 32/35, 27/30, 21/25, 21/25, 19/25, 16/20
Breakpoint640px

One typeface, GDS Transport, in two weights (light and bold), based on the 1960s Transport road-sign face by Jock Kinneir and Margaret Calvert and adapted by GDS in 2012. The Design System type scale uses line heights in multiples of 5px and enlarges small-screen text from Frontend v6.

Source: brand.design-system.service.gov.uk/typographybrand.design-system.service.gov.uk/typography/webdesign-system.service.gov.uk/styles/typefacedesign-system.service.gov.uk/styles/type-scale

Graphic elements

Do header and hero as one uninterrupted #1D70B8 field, white type, the teal dot as the only other colour.

The blue block · top of the homepage

Do Accent teal #00FFE0 circle, vertically centred between GOV and UK; as a device it guides, highlights, informs, illustrates.

The dot · wordmark, and as a graphic device in app and social

Do 4px solid #1D70B8 rule across the column, 60px of space below it to the H2 (desktop).

4px blue section rules · between homepage blocks and above the app promo

Do #1A65A6, 1px underline 3px below the baseline, bold for task links.

Underlined bold blue links · every link

Specimens use sample copy, not GOV.UK’s.

One flexible shape ties every channel together without adding decoration to working pages.

Full spec
  • Use the dot with a clear purpose
  • Flat fills only
  • Distortion only in motion
  • Don’t overuse the dot
  • Don’t use stroke versions
  • Don’t crop it into abstraction
  • Don’t add shadows or gradients

The dot is the one graphic device: a teal circle that guides, highlights (stretching into a lozenge behind a word), informs (growing with a statistic) and illustrates (drawing circle-based icons). On the web homepage the signature elements are functional: the solid blue block, 4px blue section rules, underlined bold links, pale-blue arrow circles and CSS chevrons.

Source: brand.design-system.service.gov.uk/graphic-devicebrand.design-system.service.gov.uk/graphic-device/expressionbrand.design-system.service.gov.uk/graphic-device/dot-use-examples

Iconography

40px action link
20px search

People read single icons in different ways.

Full spec
  • Text label beside every icon
  • One meaning per icon
  • Search icon only for search
  • Don’t use icons as decoration
Action link40px #D2E2F1 circle, black arrow
Chevron7px, 3px #1D70B8 stroke
Search20px, 3px stroke

The Design System says avoid icons in most cases; when used, give a visible text label and never let one icon mean two things. The homepage uses only a magnifier, a right arrow in a pale blue circle and a CSS chevron.

Source: design-system.service.gov.uk/styles/imagesgov.uk

Illustration

Images are visual aids; the text must carry the information.

Full spec
  • Use as few elements as possible
  • GOV.UK palette, tints if needed
  • Flat colour, no shadows or gradients
  • Build shapes from circles and pieces of circles (app/social)
  • Don’t depict only one kind of person
  • Don’t decorate

Illustrations simplify something complex (scanning a passport, finding a reference number). Flat blocks of the GOV.UK palette, few elements, consistent line widths and radii; avoid people, and if shown, show diversity. The brand adds circle-built animated illustrations around the dot for app and social.

Source: design-system.service.gov.uk/styles/imagesbrand.design-system.service.gov.uk/graphic-device/dot-use-examples

Photography

Services work best without relying on images.

Full spec
  • Only for a real user need
  • Alt text that conveys meaning
  • Avoid images of text
  • Don’t use photos for abstract concepts or emotions
  • Don’t use generic stock photography

Use photography only when a lifelike representation matters (for example a preview of an uploaded document). The homepage has no photography. Social uses real people (an influencer or presenter) in thumbnails.

Source: design-system.service.gov.uk/styles/imagesbrand.design-system.service.gov.uk/graphic-device/dot-use-examples

Motion

Motion adds energy where attention must be won (app, social) and stays out of task pages.

Full spec
  • Motion follows the dot's defined roles
  • End frames reuse the splash behaviour
  • Distortion allowed only in motion

Motion belongs to the dot: wordmark and crown reveals, the splash-screen spiral of coloured dots, and dot behaviours (guides, navigates, highlights, informs, transitions, illustrates). Social end frames share the app splash motion. Durations and easing are not published. The web homepage does not animate.

Source: brand.design-system.service.gov.uk/graphic-device/expressionbrand.design-system.service.gov.uk/graphic-device/dot-use-examplesbrand.design-system.service.gov.uk/logo-system/logo-elements

Interface & layout

The page, band by band

Popular on GOV.UK
Feedback

Buttons

Full spec

Mobile first, single column first; default max page width 1020px in the Design System (the homepage container measures 960px of content inside 15px column padding); two-thirds / one-third grid; responsive and static spacing scales from 5px to 60px.

Measured from brand.design-system.service.gov.uk's Brand law from the GOV.UK brand guidelines (brand.design-system.service.gov.uk, June 2025 refresh); web application from the GOV.UK Design System; voice from the GOV.UK writing guidelines; page anatomy measured on www.gov.uk on 2026-10-31..

Spacing

MeasureDesktopPhone
Page margin240px24px
Section padding60px28px
Card gap30px30px
Navigation61px61px

Type, at size

Hero headline

GDS Transport Light (weight 400 on the site) · 64px (phone 40) · line 1.07 · weight 700

Section H2

GDS Transport Light (weight 400 on the site) · 36px (phone 32) · line 1.111 · weight 700

Footer heading

GDS Transport Light (weight 400 on the site) · 24px (phone 21) · line 1.25 · weight 700

Link heading / bold link

GDS Transport Light (weight 400 on the site) · 19px · line 1.316 · weight 700

Body

GDS Transport Light (weight 400 on the site) · 19px · line 1.316 · tracking -0.19px · weight 360

Small (feedback bar, Menu)

GDS Transport Light (weight 400 on the site) · 16px (phone 19) · line 1.25 · tracking -0.16px · weight 360

Search label

GDS Transport Light (weight 400 on the site) · 19px · line 1.316 · weight 700

Corner radius
0px
Border
4px
Motion
none on the web homepage; the brand's motion language (the dot) is for app and social
Buttons
square

Page anatomy

How GOV.UK’s own landing pages are built, observed on gov.uk/%20(measured%202026-10-31,%20cookie%20banner%20dismissed), 2026-10-31. The full measurements are in spec.md.

Navigation
One solid Primary blue #1D70B8 bar, 61px tall, full bleed, with no line under it: the crown + GOV.UK wordmark lock-up at the left, "Menu" and a search icon at the right. It flows straight into the blue hero, so the header and hero read as one 486px blue block.
Hero
The rest of the blue block: a 3-line white bold headline and a labelled search bar. No image, no button, no tagline.
Popular on GOV.UK
White band: H2 and six action links (pale blue circle with a black arrow, then a bold underlined blue link) in a 3-column grid of 2 rows.
Services and information + Featured
A 4px Primary blue rule across the container, then two columns: left two-thirds a long list of 16 topic links with descriptions and chevrons; right one-third "Featured": three icon cards and an app promo under its own 4px blue rule.
Government activity + More on GOV.UK
Second 4px blue rule, then two columns again: left "Government activity" with a one-line intro and 6 topic links; right "More on GOV.UK", a plain list of 10 bold links.
Is this page useful?
A pale blue feedback bar inside the container, just above the footer.
Footer
Pale blue footer with a 10px Primary blue top border: a small black crown, two headed link groups, a hairline, inline meta links, the OGL licence line and the royal crest with "© Crown copyright".

Source: design-system.service.gov.uk/styles/layoutdesign-system.service.gov.uk/styles/spacingdesign-system.service.gov.uk/styles/type-scale

In use

Full spec

How our engine applies the GOV.UK system to each format. Our recipe from their rules and their inform-to-inspire scale, not something GOV.UK publishes.

FormatWhat they didSource
websitegov.uk: Primary blue header and hero, white page, underlined blue links, lock-up top left, crown and crest in the footer.gov.uk
appBlue header with the wordmark and teal dot; splash screen with the dot spiral; circle-built onboarding illustrations.brand.design-system.service.gov.uk/brand-in-use/app
socialFull palette and the dot at full volume: circles, lozenge highlights, end frames.brand.design-system.service.gov.uk/brand-in-use/social
product lock-upsGOV.UK Pay, Notify, Wallet: wordmark + product name, spaced by the dot width.brand.design-system.service.gov.uk/logo-system/brand-hierarchy

Our setting for each format

FormatLoudnessMust appearWhat varies
Landing pageBuild it the way gov.uk is built (kit.spec.page): one solid Primary blue header + hero block with a bold white sentence-case H1, white page, 4px blue section rules, bold underlined #1A65A6 links, square corners, Roboto (GDS Transport stand-in) 700/360, pale #F4F8FB footer with a 10px blue top borderwhich task lists and how many links
SlidesPrimary blue or white grounds, bold sentence-case titles, plain sentencesone dot-based highlight per slide
SocialPrimary blue and Accent teal lead; the dot used purposefullywider palette, circle illustrations, lozenge highlights
Print / posterBlue lead colour, bold titles, AA contrastone dot device

Ads

Rules

Do

  • Lead with Primary blue and Accent teal
  • Lock-up on web, wordmark elsewhere
  • GDS Transport light and bold only
  • WCAG 2.2 AA everywhere
  • Plain English, sentence case
  • Use the dot purposefully

Don’t

  • create new colours or gradients
  • alter, distort or add effects to the logo
  • overuse or stroke the dot
  • use images of text

Source: brand.design-system.service.gov.uk/brand-in-usebrand.design-system.service.gov.uk/colour/govuk-bluebrand.design-system.service.gov.uk/logo-system/logo-elementsbrand.design-system.service.gov.uk/graphic-device/dot-use-examples

Steal this kit

Your name and logo, GOV.UK’s system.

Comes with you

  • Color roles and how much of each
  • Type pairing, with open fonts
  • Voice rules the writing check enforces
  • Icon, photo, illustration and motion recipes
  • The strategy frame, to fill with yours

Stays yours

  • Your name and logo
  • Your proof: numbers, customers, quotes
  • Your purpose and claims. Theirs aren’t yours to make

Use this kit for my brand Use this brand in Claude

Hand it to a developer

Your brand next

Get your brand audit Put your brand in Claude What goes in a brand book

What GOV.UK doesn’t publish
  • Motion durations and easing: not published (behaviours only, as video).
  • Colour proportions: not published.
  • Icon grid and sizes: not published (icons discouraged).
  • GDS Transport files: restricted to GOV.UK and service.gov.uk; stand-in Roboto used.
  • The homepage H2 phone size (32px) differs from the Design System scale (27px); the book follows the measured page.
  • The Design System says max width 1020px; the homepage content measures 960px inside 15px column padding (1020 minus 2 x 30px page margins). Both stated, scoped.
  • Primary button shadow shade is not on the brand site; inferred from the palette.

Each value is marked published, observed, our reading or our recipe, with its source. Checked 2026-10-31. Not affiliated with GOV.UK.