Brand books Draft · facts being checked

Brand book

NHS

Recognition is the brand. The NHS doesn't try to be distinctive in each piece; it tries to be the same everywhere, so blue, white and a plain Frutiger sentence instantly say "this is the NHS, you can rely on it". Our reading

The system

Fixed, everywhere

NHS Blue
Signature color
AaFrutiger 65 Bold + Frutiger 55 Roman
Type pairing
  • NHS Blue #005EB8 and white dominant
  • The lozenge, original artwork, one per page
  • Frutiger (Arial fallback), no other faces
  • Sentence case, plain English

The one thing that varies

Supporting colour tiers, photography and graphic devices let an NHS organisation differ from other NHS organisations, never from the NHS.

How loud each format gets

Silent
QuietLanding pageSlides
CalmPrint / posterSocial
Warm
Loud
Loudest

Our engine's setting, built from their rules.

Every piece passes two checks

Logo hidden

Cover the logo. It should still read as NHS: blue and white dominant, Frutiger-like sans, plain sentence-case words.

Plain English

Read it aloud to one person. Sentences under 20 words, no "should", no jargon.

Strategy

The national health service for England, recognised instantly by its blue and white identity and trusted as an official source of care and information. Our reading

01

Recognition

One national, unified identity people recognise instantly and trust as the NHS. Published

02

Consistency

Applied the same way everywhere, so people know they can rely on the quality of care wherever they access it. Published

03

Plain help

Clear, factual, accessible information that helps people manage their health. Published

04

Everyone counts

Accessible to all: imagery and words reflect the diversity of patients, the public and staff. Published

Full spec
For Published
Patients and the public in England, plus NHS staff and organisations who apply the identity
Problem Published
People need to know quickly whether a service or piece of information is genuinely from the NHS.
Promise Our reading
If it carries the NHS Identity, you can rely on it.
Mission Published
Signpost people to NHS organisations and services and help them identify official NHS information.

Proof behind each pillar

Story Published

A single NHS Identity was introduced in England in 1999. Research shows people see the NHS as one national, unified service and want its identity applied consistently; that consistency reassures them about the quality of care.

Values

Working together for patients

NHS value from the NHS Constitution

Published
Respect and dignity

NHS value from the NHS Constitution

Published
Commitment to quality of care

NHS value from the NHS Constitution

Published
Compassion

NHS value from the NHS Constitution

Published
Improving lives

NHS value from the NHS Constitution

Published
Everyone counts

NHS value from the NHS Constitution

Published

Category. Public national health service (England) Published

Why them

  1. One identity across every NHS organisation; no alternative logos permitted. Published
  2. A legally protected name and logo (UK trade marks, copyright). Published
  3. Plain, clinically checked content written for a reading age of 9 to 11. Published
  4. Accessibility built into the palette: every colour offers at least AA. Published

Instead of

Private healthcare providers and non-NHS health information sources (the identity exists to distinguish the NHS from them).

Boilerplate Published

The NHS Identity is the visual signpost to NHS organisations and services in England, introduced in 1999 so people can recognise information that comes from an official NHS source. It is managed by NHS England on behalf of the Department of Health and Social Care.

Taglines

NHS website for England Observed

Find information and services to help you manage your health Observed

They never claim

  • Suppliers may state they supplied the NHS only in plain descriptive text; never "approved", "endorsed", "certified" or "authorised". Published
  • The NHS does not endorse third-party goods or services. Published
  • Only original artwork for the NHS logo; never recreate it. Published

The identity is a signpost, not a campaign: its job is to show that something comes from the NHS. The homepage leads with what the reader can do (find information and services) rather than a slogan.

Source: england.nhs.uk/nhsidentity/why-its-importantengland.nhs.uk/nhsidentity/identity-guidelines/visual-styles-graphic-devices-and-straplinesengland.nhs.uk/nhsidentity/identity-guidelines/who-cannot-use-the-nhs-identitynhs.uk

Personality and voice

Authoritativebut not FormalPublished
Empoweringbut not PatronisingPublished
Personalbut not ChattyPublished
Clearbut not SimplisticPublished

Health information is read by worried people; calm, plain, precise words lower anxiety and raise understanding.

Full spec
  • Sentence case headlines
  • British spelling
  • Write as “we”, to “you”
  • Sentences of 20 words or fewer
  • No exclamation marks
  • Never: should. Say say what to do, e.g. "talk to your doctor about"
  • Never: don't, can't, won't, shouldn't. Say do not, cannot
  • Say “have / get”, not “experience”
  • Short paragraphs of up to 3 sentences; use subheadings and bulleted lists
  • Active voice: "find a pharmacy", not "a pharmacy can be found"
  • Factual, neutral, unambiguous; no metaphors; say what you mean
  • Use "good", "bad" or "easy" with care; give the evidence or the number instead
  • Plain English term first, then the medical term in brackets
  • Use positive contractions (you'll, we'll, you're); avoid should've, could've, would've
  • No block capitals; sentence case everywhere including page titles
  • No full stops in headings, buttons, action links or single-sentence link cards
  • Straight, not curly, apostrophes
  • Avoid dashes; if needed, an en dash (–). Avoid hyphens unless the meaning needs one
  • Conditions and generic drug names lower case unless a proper name (type 1 diabetes, Parkinson's disease)
  • Use precise numbers in context ("4 out of 5 people recover fully in a week") rather than vague reassurance
  • Aim for a reading age of 9 to 11; where clinical content makes that hard, 11 to 14
  • Avoid jargon, acronyms and unnecessary technical language
  • Empower: "talk to your doctor about…" rather than "your doctor will tell you about…"
  • On difficult subjects, show genuine understanding and respect; leave the reader informed and empowered

ClearReassuringPersonalFactualEmpowering

Two published sources agree: the identity guide asks for clear, concise, honest, respectful, accessible writing that could be read aloud to one person; the service manual sets a neutral, factual, calm and reassuring voice that is personal and empowering. Tone flexes by the reader's situation.

  • Address the reader as "you"
  • Sentences up to 20 words, paragraphs up to 3 sentences
  • Plain English first, then the medical term
  • Use "do not", never "don't"
  • Sentence case everywhere; no block capitals
  • No full stops in headings, buttons or link cards
  • Neutral and factual; authoritative but calm and reassuring (service manual voice).
  • Empowering rather than patronising, personal rather than formal; address the reader as "you".
  • Written communications should be clear, concise, straightforward, honest, open, professional, respectful and accessible (identity guide, aligned with the NHS Constitution).
  • Write so it could be read aloud to one person.
  • Tone shifts with the reader's state: direct, serious and reassuring for a diagnosis; encouraging and conversational for exercise or diet.
  • Plain English first, medical term second, e.g. piles (haemorrhoids). Reading age 9 to 11 where possible.

Their words

yougethavefind

Never

should (patronising)don't / can't (use do not, cannot)block capitalsmetaphors"a good chance of recovery" (vague)"approved", "endorsed", "certified" by the NHS (suppliers)

  • Don’t use "should"
  • Don’t use metaphors or vague reassurance
  • Don’t use jargon or acronyms without explanation
Voiceneutral, factual, calm, reassuring, personal
Reading age9 to 11 (11 to 14 for hard clinical content)
Sentenceup to 20 words
Paragraphup to 3 sentences
Casesentence case
Apostrophesstraight

Source: england.nhs.uk/nhsidentity/identity-guidelines/tone-of-voiceservice-manual.nhs.uk/content/voice-and-toneservice-manual.nhs.uk/content/how-we-writeservice-manual.nhs.uk/content/punctuationservice-manual.nhs.uk/content/numbers-measurements-dates-time

Color

87% of people spontaneously recall blue and white when asked about the NHS; the tiers let organisations differ from each other without differing from the NHS.

Full spec
  • NHS Blue and white always dominant
  • Supporting colours in decreasing emphasis: blues, neutrals, greens, highlights
  • Highlights minimal; never large blocks
  • Tints allowed if clear and accessible; type and logos always 100% solid
  • Every palette colour offers at least AA; aim for AAA online
  • Grey-5 page ground online to reduce glare; white for cards and alternating bands
  • Yellow for focus and warnings; red for urgent care
  • Euro Ambulance Yellow only for ambulance livery
  • Don’t use black or dark grey as backgrounds
  • Don’t reverse the logo out of anything but NHS Blue
  • Don’t let greens or highlights dominate
  • Don’t rely on colour alone to convey meaning
NHS Blue#005EB8 · Pantone 300 · RAL 5017
Text online#212B32
Page ground online#F0F4F5
Button#007F3B
Focus#FFEB3B
ContrastWCAG 2.2 AA minimum, AAA where possible

NHS Blue #005EB8 and white dominate; four supporting levels follow in decreasing emphasis: Level 1 blues, Level 2 neutrals, Level 3 support greens, Level 4 highlights (minimal, never large blocks). Online, NHS.UK frontend maps this to a digital palette: text #212B32, secondary text #4C6272, grey-5 #F0F4F5 page ground with white cards and alternating white bands, links NHS Blue, buttons green #007F3B, focus yellow #FFEB3B.

Not published: exact proportions of the emphasis chart (shown as a chart, no percentages); a hex for Euro Ambulance Yellow (RAL 1016 only).

Source: england.nhs.uk/nhsidentity/identity-guidelines/coloursservice-manual.nhs.uk/design-system/styles/colourgithub.com/nhsuk/nhsuk-frontend/blob/main/packages/nhsuk-frontend/src/nhsuk/core/settings/_colours-palette.scssgithub.com/nhsuk/nhsuk-frontend/blob/main/packages/nhsuk-frontend/src/nhsuk/core/settings/_colours-applied.scss

Typography

NHS website for England

Aa
Frutiger 65 BoldDisplay · open stand-in Istok Web
Aa
Frutiger 55 RomanText · open stand-in Istok Web

Frutiger was designed for legibility at a distance and at small sizes; people now associate it with the NHS.

Full spec
Their faceUseLicenseOpen stand-in
Frutiger 65 Bold (web: Frutiger W01 600)Titles and headingsProprietary (Monotype). NHS England sub-licenses three weights to NHS organisations in England onlyIstok Web
Same x-height and cap height as Frutiger, humanist shapes, headings within 1% of its width and ink (see typography.calibration). Not yet in the Steal type library; added with this book.
Frutiger 55 Roman (web: Frutiger W01 400)Body copy and listsProprietary (Monotype); NHS England sub-licenceIstok Web
Same x-height and cap height as Frutiger, humanist shapes, headings within 1% of its width and ink (see typography.calibration). Not yet in the Steal type library; added with this book.
None (system monospace for code)Code samples onlyn/aJetBrains Mono
  • Frutiger only (Arial as fallback); no other faces
  • Bold for titles, Roman for body
  • Body 19px on large screens, 16px on small
  • Lead paragraph 26px, once per page
  • Avoid italics online (less accessible)
  • Sentence case; never block capitals
  • Don’t use decorative or child-friendly fonts
  • Don’t use italics online
  • Don’t set type in a tint
Real faceFrutiger 45 Light, 55 Roman, 65 Bold
Web family"Frutiger W01", Arial, sans-serif
Weights online400, 600
Scale (tablet+)64/70, 48/54, 36/42, 26/32, 22/30, 19/28, 16/24, 14/24
Scale (mobile)48/54, 32/38, 27/33, 22/29, 19/27, 16/24, 14/24, 12/20

Frutiger since 1999: 65 Bold for titles, 55 Roman for body, 45 Light for very large titling. Arial is the secondary font when Frutiger is unavailable. No other fonts, even for children's materials (foreign-language fonts excepted). Online: Frutiger W01 at 400 and 600, with a published responsive scale (64/48/36/26/22/19/16/14 at tablet and up).

Source: england.nhs.uk/nhsidentity/identity-guidelines/fontsservice-manual.nhs.uk/design-system/styles/typographygithub.com/nhsuk/nhsuk-frontend/blob/main/packages/nhsuk-frontend/src/nhsuk/core/settings/_typography.scssgithub.com/nhsuk/nhsuk-frontend/blob/main/packages/nhsuk-frontend/src/nhsuk/core/settings/_globals.scss

Graphic elements

Do solid #005EB8 band, white lozenge logo top left at 40px high, white underlined nav links; no graphic devices or straplines at the top of the page.

NHS Blue header · top of every NHS web page

Do #F0F4F5 page ground; white cards with 1px #D8DDE0 border and a 3px #D8DDE0 underline shadow, square corners.

Grey page, white square cards · content sections

Do green #007F3B circle with a cut-out arrow, then bold blue text.

Green action link · links that start a task or service

Specimens use sample copy, not NHS’s.

Restraint keeps every NHS organisation recognisably part of one service.

Full spec
  • Keep graphic devices away from the logo and out of its positions
  • Keep the top of websites clear of graphic devices and straplines
  • Use NHS.UK components (cards, action links, care cards) rather than decoration
  • Don’t create alternative logos for teams, buildings or programmes
  • Don’t use red cross or plus icons

The identity deliberately has few graphic elements: the logo, NHS Blue fields and Frutiger do the work. Organisations may add graphic devices, straplines and imagery for a visual style, but not near the logo, and on websites the top of the page stays clear of them. Online, the signature elements are functional: the solid NHS Blue header, white square cards on a grey-5 ground, green circle-arrow action links, blue chevron-in-circle cards, the 4px yellow focus ring.

Source: england.nhs.uk/nhsidentity/identity-guidelines/visual-styles-graphic-devices-and-straplinesservice-manual.nhs.uk/design-system/styles/iconsnhs.uk

Iconography

20px small
24px default
32px large

Icons signpost actions, never decorate.

Full spec
  • Use icons sparingly, not for decoration
  • Icon buttons at least 24 × 24px target
  • Icon sizes 20, 24, 32px
  • Give icon-only controls an accessible name
  • Don’t use a red cross or plus symbol
Sizes20 / 24 / 32px
Action linkgreen arrow in a circle
Primary cardblue chevron in a circle

A small functional set in NHS.UK frontend: left/right arrows, right arrow in a circle (action links that start a service), right chevron in a circle (primary cards), tick and cross, search, user, plus BSL icons.

Source: service-manual.nhs.uk/design-system/styles/iconsgithub.com/nhsuk/nhsuk-frontend/blob/main/packages/nhsuk-frontend/src/nhsuk/core/settings/_globals.scssengland.nhs.uk/nhsidentity/identity-guidelines/visual-styles-graphic-devices-and-straplines

Illustration

The identity governs colour, not drawing style.

Full spec
  • Use the NHS palette in illustrations; use whatever skin tones are needed
  • Avoid clip art
  • Don’t use clip art

No illustration style is published. The colour palette applies to illustrations (skin tones excepted).

Source: england.nhs.uk/nhsidentity/identity-guidelines/coloursengland.nhs.uk/nhsidentity/identity-guidelines/imagery

Photography

Images express the NHS values: everyone counts, people at the heart of care.

Full spec
  • Represent diversity across all protected characteristics
  • Real NHS patients and staff where possible, with recorded consent
  • High quality; no clip art
  • Abstract images follow the NHS palette
  • Don’t use poor-quality photos
  • Don’t use third-party images without permission

Photography must reflect the diversity of patients, public and staff, show the NHS treating and preventing ill health, look professional, and feature real NHS patients and staff where possible, with consent. The palette does not apply to portrait photography; abstract images must follow it.

Source: england.nhs.uk/nhsidentity/identity-guidelines/imageryengland.nhs.uk/nhsidentity/identity-guidelines/colours

Motion

—

Full spec

Not published. Neither the identity guidelines nor the service manual define a motion system.

Source: england.nhs.uk/nhsidentityservice-manual.nhs.uk

Interface & layout

The page, band by band

Hero
Hero cards
Featured
More information and advice

Buttons

Full spec

Mobile-first, single column up to wider layouts; 960px default max page width; lines of text 70 to 80 characters; breakpoints 320/641/769/990px; 32px gutter; 4px-based spacing scale 4–64px that tightens on small screens.

Measured from england.nhs.uk/nhsidentity/identity-guidelines's Identity law from the NHS Identity Guidelines; digital application from the NHS digital service manual and NHS.UK frontend; page anatomy measured on www.nhs.uk (Wayback snapshot 2026-10-26)..

Spacing

MeasureDesktopPhone
Page margin240px16px
Section padding64px48px
Card gap32px32px
Navigation128px128px

Type, at size

Hero caption

Frutiger 55 Roman (web: Frutiger W01 400) · 32px (phone 24) · line 1.125 · weight 700

Hero headline

Frutiger 55 Roman (web: Frutiger W01 400) · 43.2px (phone 32) · line 1.125 · weight 700

Section H2

Frutiger 55 Roman (web: Frutiger W01 400) · 36px (phone 27) · line 1.167 · weight 700

Card heading (link)

Frutiger 55 Roman (web: Frutiger W01 400) · 26px (phone 22) · line 1.231 · weight 700

Action link

Frutiger 55 Roman (web: Frutiger W01 400) · 22px (phone 19) · line 1.636 · weight 700

Body

Frutiger 55 Roman (web: Frutiger W01 400) · 19px (phone 16) · line 1.474 · tracking 0.29px · weight 400

Nav / footer / small

Frutiger 55 Roman (web: Frutiger W01 400) · 16px · line 1.5 · tracking 0.24px · weight 400

Corner radius
4px
Border
4px
Motion
none: the identity and service manual publish no motion system; links and buttons change colour on hover/active only
Buttons
rounded

Page anatomy

How NHS’s own landing pages are built, observed on nhs.uk/%20(Wayback%20snapshot%2020261026012022,%20measured%202026-10-31), 2026-10-31. The full measurements are in spec.md.

Navigation
Solid NHS Blue #005EB8 header, 128px tall at desktop in two rows: top row (72px) logo left, search + My account right; second row (56px) five white underlined links. No sticky.
Hero
Full-bleed photo band (369px) with an NHS Blue text panel at the left of the container; two white cards overlap the bottom of the photo by 90px.
Hero cards: Health A to Z and NHS services
Two big white link cards side by side, pulled up 90px over the hero photo; grey-5 ground below.
Manage your health
H2 plus four green action links in a single column.
NHS services
White band: H2, then two half columns: a stack of four solid blue link bars plus one action link on the left; a grey "Help from NHS 111" card on the right.
Featured
Grey band: H2 and three equal white link cards.
More information and advice
White band: H2 and a 3-column grid of borderless link cards, each with a grey underline.
Footer
Grey #D8DDE0 footer with a 4px NHS Blue top border, four columns of small underlined dark-blue links, then a hairline and the copyright line.

Source: service-manual.nhs.uk/design-system/styles/layoutservice-manual.nhs.uk/design-system/styles/spacinggithub.com/nhsuk/nhsuk-frontend/blob/main/packages/nhsuk-frontend/src/nhsuk/core/settings/_globals.scssgithub.com/nhsuk/nhsuk-frontend/blob/main/packages/nhsuk-frontend/src/nhsuk/core/settings/_breakpoints.scss

In use

Full spec

How our engine applies the NHS system to each format. Our recipe from their rules, not something the NHS publishes. Level = how much colour beyond blue and white.

FormatWhat they didSource
websitenhs.uk: NHS Blue header with the lozenge top left, grey-5 page, white square cards, green action links, Frutiger throughout.nhs.uk
signageFrutiger Bold titles, Roman supporting copy, organisational logo.england.nhs.uk/nhsidentity/identity-guidelines/fonts
leaflets and reportsBold titles, Roman body, Light lead-ins; logo top right.england.nhs.uk/nhsidentity/identity-guidelines/fonts
social mediaCover photo with the visual style or plain NHS Blue, no text; digital exclusion zone around the logo.england.nhs.uk/nhsidentity/identity-guidelines/visual-styles-graphic-devices-and-straplines

Our setting for each format

FormatLoudnessMust appearWhat varies
Landing pageBuild it the way nhs.uk is built (kit.spec.page): solid NHS Blue header, grey-5 #F0F4F5 page, white square cards, Frutiger (stand-in) 600 headings in sentence case, #212B32 text, NHS Blue underlined links, green circle-arrow action links; logo top left in the header at 40px high on desktopwhich sections and how many cards
SlidesWhite or NHS Blue grounds, Bold titles, plain sentencesone support colour as an accent
Print / posterLogo top right with its margin, NHS Blue dominant, Frutiger Bold titlesphotography and one graphic device
SocialDigital exclusion zone around the logo; no text on cover imagesvisual style or plain NHS Blue

Ads

Rules

Do

  • NHS Blue and white dominant
  • One NHS logo per page, original artwork
  • Frutiger or Arial only
  • Plain English, sentence case, reading age 9 to 11
  • No alternative logos
  • Every colour pairing accessible (AA minimum)

Don’t

  • use the NHS identity unless you are an NHS organisation or permitted provider
  • imply NHS endorsement
  • use red cross or plus symbols

Source: england.nhs.uk/nhsidentity/why-its-important/identity-policy-and-principlesengland.nhs.uk/nhsidentity/identity-guidelines/who-can-use-the-nhs-identityengland.nhs.uk/nhsidentity/identity-guidelines/who-cannot-use-the-nhs-identityengland.nhs.uk/nhsidentity/identity-guidelines/coloursengland.nhs.uk/nhsidentity/identity-guidelines/fontsengland.nhs.uk/nhsidentity/identity-guidelines/nhs-logo

Steal this kit

Your name and logo, NHS’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 NHS doesn’t publish
  • Motion system: not published.
  • Illustration style: not published (palette only).
  • Exact colour-emphasis proportions: shown as a chart, no percentages published.
  • Euro Ambulance Yellow: RAL 1016 only, no hex published.
  • Frutiger files: licensed to NHS organisations in England only; not available, stand-in used.
  • Identity black #231F20 (print) differs from the digital text black #212B32 (NHS.UK frontend); both kept, scoped.
  • Identity greens (#009639, #006747) differ from the digital button green #007F3B; digital pages use the frontend value.
  • www.nhs.uk and service-manual.nhs.uk refused connections from our capture machine on 2026-10-31; the homepage and service manual pages were read from Wayback Machine snapshots (2026-10-26) and the nhsuk-frontend / nhsuk-service-manual GitHub sources.

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