Professional Documents
Culture Documents
Contents
Introduction
NHS logo
Naming
Your NHS logotype
NHS typefaces
NHS colours
Web colour palette
Imagery
Tone of voice
Working in partnership
Programmes and initiatives
Stationery
Letterheads
Compliments slip
Business cards
Fax-header paper
Media information
Envelopes and labels
Stationery checklist
Signage
Main signage
Internal and wayfinding signage
Property
Badges
Uniforms
Vehicles
Building sites
Other site signs
Commercially let hoardings
Perimeter fencing
Tower crane signs
Scaffolding sheeting
Protective clothing
Further branding opportunities
Recruitment advertising
1
2
10
12
16
27
38
40
44
46
47
50
52
56
59
62
64
66
69
70
71
85
87
89
94
100
105
109
111
113
115
117
119
122
129
Websites
Planning your website
NHS identity
Website colour palette
Content
Accessibility
Managing your site
Links
Legal information
Further help and resources
Further help and information
134
135
139
142
146
151
156
158
161
162
163
Introduction
NHS logo
The NHS logo is the cornerstone of our brand identity.
It is our signature; the mark of NHS ownership of
services and messages.
It is also one of the most powerful logos in the UK, carrying:
over 95% recognition among the general public; and
very strong levels of credibility, authority and trust.
As a result of this recognition and trust, the NHS is perceived to be
an impartial and credible provider of health advice, information and
services.
Trademark
The NHS logo is a registered trademark owned by the Department
of Health. You must always use the logo in accordance with these
brand guidelines.
Colour
The colour of the NHS logo is NHS Blue (Pantone 300). By using
this colour you will help to enhance recognition of our logo and
reinforce our identity. Wherever possible, you should use the NHS
logo against a white or light-coloured background.
If you are printing in mono, you can reproduce the NHS logo in
black. If you are printing on a dark background, you can reverse the
logo out of your background colour. You should never reproduce the
logo in a tint of NHS Blue or black.
Don't:
use tints of NHS Blue or black.
Position
When producing printed materials, you should position your logo in
the top right-hand corner of a printed page. If this is not possible,
use the bottom right-hand corner instead.
Margin
For all publications other than stationery, the margin spacing for the
logo is equivalent to the logo clearspace at the appropriate size.
Naming
The name of an organisation is a crucial part of its
identity.
It is important that the names of all NHS organisations
are comprehensible and clear. This is to enable
patients and the public to identify our organisations
and understand their roles.
When naming an NHS organisation, you must ensure that the
chosen name:
Is clear and descriptive not conceptual or abstract
Is written out in full without the use of acronyms or
abbreviations
Contains a geographical reference
The names of all national organisations should follow a consistent
format. They should contain a geographical reference so that
patients and the public know where the organisation is based.
Name changes
10
11
12
13
The exclusion zone is the clear area around your logotype in which
nothing else should appear. It helps to ensure clarity and readability
and improve the overall impact of your logotype. You must not insert
any additional words, images or graphic details within the exclusion
zone.
This clear space (X) is proportional and defined as the height of the
NHS logo.
Colour
You can reproduce your NHS logotype in NHS Blue and black, or
even just black, when printing on a solid NHS Yellow or white
background. On other coloured backgrounds, logotypes should
preferably be printed white out of the background.
14
You can order your NHS logotype free of charge by filling out our
online order form.
If the name of your organisation is too long for its designated space,
a second two-line version will be supplied. If your local name is
short, only one version will be supplied. Your communications team
should have an original copy of your logotype artwork, so check with
them before making your order.
15
NHS typefaces
Typefaces are an important part of the NHS identity.
The consistent use of the NHS typefaces is essential
to helping us establish a recognised and professional
brand. These typefaces must be clean, clear and easy
to read. It is vital that they are used correctly across all
services, messages and materials.
Different typefaces have different roles and uses within NHS
communications, as shown here.
diagrams;
charts;
tables, or when;
presenting technical information.
You can use Frutiger in different weights, styles, sizes and colours to
create your own unique design style within your documents.
We supply all NHS organisations with a single licensed copy of the
Frutiger typeface for both PCs and Apple Macs when they order
16
17
Frutiger Light
Frutiger Bold
18
Helvetica
Swiss
Geneva
Univers.
19
Arial Regular
Arial Bold
20
Garamond
Garamond is a good typeface to use in body copy. It reads easily
and complements Frutiger. Garamond Roman should be used
where available, supported by italic and bold typefaces for printed
materials.
If a copy of Garamond is not available, contact your local printer.
They are likely to hold a licensed copy for printed materials.
Main use: body copy.
Preferred format: Roman, supported by italic and bold for printed
materials.
21
Garamond Regular
Garamond Italic
Garamond Bold
22
23
24
Alternative typefaces
Although Frutiger should be used wherever possible, there may be
occasions when other fonts are more appropriate. For example, to
add graphic interest to a printed communication aimed at young
people, you could use an alternative typeface for publication titles
and headlines. The alternative typeface must, however, conform to
the NHS communication principles of clarity and accessibility. It must
also help to include, engage and inspire the target audience.
25
Accessibility
And because certain NHS audiences may have accessibility issues
or print disabilities, the minimum typeface size for body copy is 12
point.
26
NHS colours
The NHS corporate colour is NHS Blue (Pantone
300), this should be used as the primary colour when
designing communications materials, it has a high
recognition and identify that the communication is from
the NHS.
This is supported by a vibrant secondary print colour palette of 13
colours and 10 tints. This will help your designs to stand out and
appeal to different audiences.
There is also a colour palette for websites and other electronic
media. By using these standard colours consistently, you will help to
maintain recognition and trust in NHS communications.
27
28
29
30
C for cyan
M for magenta
Y for yellow
K for key or black.
The NHS colour palette has been chosen so that, when printed in
four-colour process, the Pantone equivalent is very similar. When
printing in one colour only, it is best to use NHS Blue or black.
Otherwise, you may use any other colour from the NHS colour
palette - except NHS Yellow and NHS Light Green, as they read
poorly against white paper.
Tints
You can use the colours within the NHS colour palette as solid
colours or as tints. Palette tints bring greater breadth and flexibility to
our range of colours. They are particularly useful when producing
diagrams and charts, and allow for more creativity with one-and-two
colour communications. The NHS logo and logotypes must never
appear as tints.
31
Background colours
32
33
34
35
Paint references
36
37
38
39
Imagery
Photography and illustrations are powerful and
emotive tools that express our values just as strongly
as colours and typefaces.
The NHS is not only about making people well. Its also about
keeping them healthy and helping them to make informed choices
about their health. And the images that we use in our
communications need to reflect this.
When selecting images for use in NHS communications, think about
whether they:
tell people that we value professionalism, equality and
accessibility;
enhance the reputation of the NHS and reflect the pride we
have in our work;
adhere to our communications principles.
Using pictures
Images and graphics are widely used in the NHS. For example:
All of these images communicate in different ways, and all will say
something about our identity and our values.
40
We respect people
Good example: pictures that show we care and understand.
41
42
Comment: not every image can show every range but think about
the overall message that your picture selection is giving.
We must be effective
Good example: a drawing that shows clearly what a leaflet is
about.
Bad examples: a design behind text that makes the print
difficult to read.
Comment: think about the purpose of the picture and make sure it
does its job well.
These guidelines
These guidelines should help you think about images, but they
cannot cover every decision you have to make. You need to use
your judgment and discretion. In particular, avoid clipart or any other
prefabricated images from the internet. These suggest a lack of
effort and imagination, and can risk looking like a crude cut and
paste, rather than careful selection. The quality of such images, like
that of other illustrations, can also be hard to control.
In general, photography offers a stronger and more accurate
representation of real life. In most environments, photography is
preferable to cartoons and illustrations. When searching for
photography, make use of the NHS Photo Library,
www.nhs.uk/photolibrary, which contains a vast range of relevant
and sensitive images.
43
Tone of voice
Our written communications should be clear, concise,
honest and open.The words we use should closely
follow and support our principles and values.
They need to demonstrate our:
professionalism;
clarity;
respect;
accessibility;
straightforwardness.
If you are writing on behalf of the NHS, make sure your material is
personal and direct:
Could your text be spoken out loud to the reader?
Does it sound as if its being addressed to an individual?
44
free of jargon;
free of acronyms; and
free of overly technical language.
Putting a quality assurance system in place will help to ensure that
all staff members communicate to an agreed standard. Training
programmes and workshops can help to engage people with the
importance of communication and the power of words.
We should also be conscious of contributing to the good reputation
of the NHS. Does what we say add to or detract from the confidence
people have in the health service?
45
Working in partnership
Where two or more NHS organisations are working in partnership,
the NHS logo should be used only once on the page, in the top right
position. The names of the NHS organisations can be listed
elsewhere on the page in text outside the NHS logo exclusion zone,
for instance:
'Anyshire Primary Care Trust and Midshire Primary Care Trust'
or using a description The NHS in Anyshire.
46
47
Make sure that what you produce stays true to the NHS
communication principles (below).
Checklist
The following questions will help you check that your planned design
style supports the NHS identity.
The basics
Is the NHS logo, or your local logotype, in the correct position,
in its correct colour and at the correct size?
Does it sit in the right amount of clear space?
Are the colours chosen from the NHS colour palette?
Are the typefaces Frutiger or Arial?
48
49
Stationery
When producing stationery, you need to ensure that
your materials support and project our shared NHS
identity. To enable you to do this, weve developed a
set of guidelines covering the principal stationery items
required by NHS organisations.
As stationery requirements vary across the NHS, it would be
unhelpful to provide more prescriptive instructions than those given
here. But please be aware that you should not apply a design style
to your stationery as these materials should project our shared NHS
identity.
Colours
When printing NHS-branded stationery, in the majority of cases you
shouldnt require more than one or two-colour printing.
50
Across all your stationery materials, the NHS logo should only be
reproduced in NHS Blue (Pantone 300) or, where this is not
possible, black.
For most NHS organisations, your local logotype should be printed
in NHS Blue and black or, if printing in black and white, in black
only. You should not reproduce your logotype in any other colour, or
as a tint of either NHS Blue or black.
Printing in NHS Blue alone will not deliver the same clarity as black,
and for this reason should be avoided. You should also ensure that
you use the original artwork from your logotype and do not alter it in
any way.
Paper stock
We recommend that you use good quality white paper for all NHS
print applications, including stationery. This will help you maximise
logo clarity and minimise procurement costs.
However, there may be instances where audience needs or
business requirements make alternative paper stocks necessary.
For example, if you are:
producing materials for people with visual impairments use
yellow paper (with black ink); or
producing materials for elderly or disabled people, who often
find paper too flimsy to hold - use a stiffer material, particularly if
you are supplying location directions.
In all cases you should choose a laser-compatible stock. You should
also keep environmental issues in mind. Sustainable paper sources,
inks and processes will lessen the impact of your printing operations.
51
Letterheads
Here we set out the specifications for producing NHS
letterheads.
Please refer to the relevant visual examples for information on
positioning and layout.
Logotypes
On letterheads, your logotype size is measured by the height of the
NHS logo. This should be 8.5mm. Position your logotype in the top
right-hand corner of your letterhead.
Some organisations still use the Crown Badge or have a crest or
insignia which is unique to their organisation and was established
before 1948. In this case, you should position your insignia in the top
left-hand corner of your letterhead.
52
Other information
There is an area at the bottom of all letterheads which is reserved
for the following information:
Nationally recongised charter marks, including marks such as
Investors in People or Positive about Disabled People.
Legal or explanatory information.
Address of Trust or PCT headquarters, if required.
Details of board members, if required.
53
Please note: this designated area must not be used for other logos,
identities or slogans of any kind. All information included in this area
should always be printed in black.
Paper stock
You should print all letterheads on white paper with a weight of no
less than 80gsm.
54
55
Compliments slip
Here we set out the specifications for producing NHS
compliment slips.
Logotype size
On compliment slips, your logotype size is measured by the height
of the NHS logo. This should be 8.5mm.
56
Reverse side
You can use the reverse side of your compliment slips for additional
information, such as directions to your premises and/or a map of the
area. This additional content must support the NHS communications
principles, and should be printed in black using Frutiger typeface.
57
58
Business cards
Here we set out the specifications for producing NHS
business cards.
The measurements for the positioning of text and the NHS logotype
are based on a card measuring 90mm x 55mm.
Logotype size
On business cards, your logotype size is measured by the height of
the NHS logo. This should be 4.25mm.
Name
The specifications for organisation names are as follows:
Typeface: Frutiger Bold
Colour: NHS Blue (Pantone 300) or black
Size: 8 point type (10 point on cards for people with visual
impairments)
Leading: 9 point (11 point on cards for people with visual
impairments)
Job title
The specifications for job titles are as follows:
59
60
Other information
If you need to increase the point size of your lettering (for example, if
your cards need to be tailored for people with visual impairments),
both sides of the card can be used. For cost-effectiveness, all
variable information about the cardholder should be limited to one
side only.
All business cards should be printed on a heavier-weight cartridge
paper or pulp-board.
National organisation business card example
61
Fax-header paper
If you are producing fax-header paper using a wordprocessing package, please follow the suggested
format shown here.
Where our preferred Frutiger typeface cannot be used, Arial or a
similar typeface should be used instead.
62
63
Media information
If you need to produce media information sheets,
please refer to the suggested format shown here.
If most of your media information is being sent by fax, we
recommend that you use black. If you are sending material
electronically or by post, the two-colour combination of NHS Blue
(Pantone 300) and black is preferable.
64
65
66
67
68
Stationery checklist
Making sure
When designing and producing stationery, you should check that:
Your NHS logotype is in the top right-hand corner.
You have produced your NHS logotype using NHS Blue
(Pantone 300) and black no other colours should be used.
You have not applied a local design style to your stationery
items.
You are using Frutiger typeface for all professionally printed
stationery items.
You are using Arial for items being word-processed and printed
via a laser printer.
You are keeping your audiences accessibility needs in mind,
for instance, the needs of people with visual impairments.
You are using white paper (unless yellow paper has been
requested locally for readers with visual impairments).
69
Signage
Why have signs? It may seem obvious, but by thinking
about what a sign is for, we can help to ensure that it
is effective.
A sign does one of two things:
It tells someone where they have arrived.
It tells them how to get to where they want to go.
These guidelines give direction on how to apply the NHS corporate
identity to your signage. They have been developed to ensure that
your signs have clarity and impact. You should read this section in
conjunction with our guidelines on the NHS logo, NHS typefaces and
the NHS colour palette.
You should also check the guidance on Your NHS logotype. You
can follow your normal specifications for signage materials and
construction.
To allow for flexibility, we have provided a number of design options
for you to choose from. Choose the option that best suits your
requirements, and keep our communications principles in mind at all
times.
70
Main signage
The external signage at the front of NHS buildings is
very important. It is the first thing that people see when
arriving to access services and facilities.
Front-of-house signage
Your main front-of-house signage must carry the NHS logo. The
NHS logo, or your logotype, should be situated in the top right-hand
corner of your signage panel. If necessary, you can leave off your
organisation name, as shown here.
71
72
73
74
75
76
77
78
79
80
81
Exclusion zone
When applying the NHS brand to your main signage, you must
ensure that your NHS logotype, or the NHS logo, is set within its
exclusion zone.
82
The exclusion zone is the clear area around the NHS logo/your
logotype in which nothing else should appear. It helps to ensure
clarity and readability and improve overall impact. You must not
insert any additional words, images or graphic details within the
exclusion zone.
This clear space (X) is proportional and defined as the height of the
NHS logo.
The exclusion zone
Corporate typeface
83
You must use the NHS corporate typeface, Frutiger Bold, on all
signage that you create. For more information about NHS typefaces,
visit our main typeface section.
Colour
You should reproduce the NHS logo in NHS Blue, or its nearest
match, on all signage. The best paint colour reference for NHS Blue
(Pantone 300) is BSI 18E53. The best RAL match (a colour
specifier for paints, powder coatings and gels) is 5017.
84
85
Accessibility
When creating internal signage, you should keep accessibility issues
in mind. Use symbols to help people with visual impairments find
their way around. Access and safety signs may also be necessary to
help people with physical impairments or disabilities.
For further guidance in this area, please refer to Wayfinding:
guidance for healthcare facilities.
Hard copies of this publication should be available in your trust
library. If you belong to a non-NHS organisation, you can order a
copy from The Stationery Office on 0870 600 5522 (quote ISBN 011-322140).
86
Property
The NHS is a huge and diverse organisation. We
employ a vast number of people, and we communicate
with many more.
Whether they are visiting our premises, using our services, meeting
our staff or simply noticing us at work in the community, we want
people to know who we are and what we do. By using a common
brand and design style, we will enable people to recognise the NHS
at all times.
This section looks at how we mark our property: our buildings, our
uniforms and the things we own. Property varies in size, shape and
function, and we dont aim to cover every example of NHS property
on this website. But we do aim to set out the general principles that
will help you to communicate our identity through your core property
items.
Our signature
The NHS logo is our signature, our mark of ownership. It should be
applied to property whenever you want people to identify and
recognise NHS services, for example:
87
88
Badges
Badges are a good way of communicating your role
and the roles of your colleagues to patients.
When producing badges, you need to show clearly the name and job
description of the wearer. In addition to these written descriptions,
you should also include either your NHS logotype or the NHS logo,
as shown below. You can also use photographs, if necessary.
Please note: the NHS logo is a registered trademark and can only
be used with the permission of an NHS organisation. Printers and
suppliers of NHS badges/lanyards should not hold stock items, but
instead print to order once comissioned by a NHS organistation.
Joint branding
89
Badge specifications
The specifications for NHS badges and NHS logo and your local
logotype badges are as follows:
NHS logo badge example
90
Staff names
When writing staff names on badges, you should use:
Typeface: Frutiger Bold
Size: 14 point type
91
Leading: 16 point
Position: right aligned
Colour: black
Centre/service name
When writing the name of your centre/service on badges, you should
use:
Use one line for your centre/service title, or two lines if this title is
longer than a single word.
Job titles
When writing job titles on badges, you should use:
Non-statutory organisations
92
93
Uniforms
Uniforms are an essential item of NHS property. They
need to be marked and branded correctly to help
people identify our staff and services.
When reading this page, follow the general rules for positioning,
sizing and use of the exclusion zone set out in these brand
guidelines.
To allow for flexibility, we have provided four uniform branding
options for you to choose from. Choose the option that works best
for you, and keep our communications principles in mind at all times.
Non-statutory organisations wanting to brand their uniforms should
refer to the guidance in options 1 and 2.
94
Option 2 using the NHS logo with other descriptions (eg the
name of a service)
95
96
97
Joint branding
If you are producing co-branded uniforms with another organisation,
and if both your organisation logotypes need to appear, you should
only use the NHS logo once.
If you are using a pre-NHS shield or crest, you should reproduce it in
either black or white or, costs permitting, in full-colour. Remember
no other logos can be used on NHS uniforms.
Uniform specifications
The specifications for NHS uniforms are as follows:
98
Centre/service name
Typeface: Frutiger Bold
Colour: NHS Blue (Pantone 300) positive or reversed
Position: left aligned
99
Vehicles
Vehicles are an essential and very visible item of NHS
property. They need to be branded correctly to help
people identify our services.
Although vehicles come in all shapes and sizes, the core NHS brand
guidelines still apply.
All dedicated vehicles used in the delivery of your services must
carry the NHS logo. Non-dedicated vehicles should not carry the
NHS logo: these vehicles often undertake non-NHS work and we do
not want to mislead the public about their role.
To allow for flexibility, we have provided three vehicle branding
options for you to choose from. Choose the option that works best
for you, and keep our communications principles in mind at all times.
Non-statutory organisations needing to brand their vehicles should
follow option 3 guidance.
100
101
102
103
Joint branding
If you are co-branding your vehicles with another organisation, and if
both your organisation logotypes need to appear, you should only
use the NHS logo once.
If you are using a pre-NHS shield or crest, you should reproduce it in
either black or white or, costs permitting, in full-colour. Remember
no other logos can be used on NHS vehicles.
104
Building sites
The NHS is one of the largest and most complex
property portfolios in Europe. In England, we own
9,000 hectares of land and 25 million square meters of
buildings this is equivalent to the size of Bristol.
Every year, we invest almost 2 billion in capital build projects.
These projects give us the opportunity to display the NHS brand and
identity on our building sites to show the public how we are investing
in the future of the health services, and how public money is spent.
It is the main contractor who is responsible for providing and
maintaining any NHS branding on site but any design specification
must be based on these guidelines. This should be clearly stated in
the project contract.
105
these guidelines. Its important that you implement all the parts of
the guidelines that are mandatory and we suggest you consider the
advisory and optional branding, and apply the ones that are suitable
for your project.
Mandatory branding
Site signs
Commerically let hoardings
Perimeter fencing
Protective clothing
Advisory branding
Tower crane signs
Scaffolding sheeting
Optional branding
Other branding opportunities
106
107
108
109
110
Hoarding specifications
Size of NHS logo:
Average height hoarding: at least 350mm in height.
Long-distance hoarding: at least 1200mm in height.
111
112
Perimeter fencing
Its important that the fence or wire enclosing the
building site displays the NHS logo.
Fence specifications:
Size of logo: use the standard NHS logo and do not make it
smaller than 350mm in height.
Position: make sure the logos are securely attached and
centred on each section of the fence.
Co-branding on fencing
When co-branding the fencing on a building site, always make sure:
the NHS logo has, at the very least, equal prominence to the
contractors logo;
only one logo is applied on each panel.
113
114
115
116
Scaffolding sheeting
When using scaffolding on a building site, you should
consider branding the scaffolding sheets.
Scaffolding sheet specifications
Type of sheet: only use translucent sheeting.
Size of the NHS logo: dont make the logo smaller than
240mm.
Position of NHS logo: place the logo in the centre of each
sheet.
Safety: make sure the sheeting is attached securely and
complies with health and safety and other site regulations. Also
make sure the sheeting is maintained and regularly checked.
117
118
Protective clothing
On a building site, its important that all staff and
visitors wear protective clothing at all times.
Contracted or sub-contracted employees should use their own
branded protective clothing.
NHS employees and NHS visitors must use NHS-branded
protective clothing, including an NHS-branded safety helmet
and an NHS-branded fluorescent tabard, vest or jacket.
The relevant NHS organisation is responsible for providing any
protective clothing at its own cost. Make sure that all protective
clothing complies with health and safety and other site regulations.
Safety helmets
Our preferred safety helmets are white with the standard blue NHS
logo.
If the standard helmets are not available, use the NHS blue safety
helmets with a reversed-out NHS logo.
119
We use fluorescent tabards, vests and jackets with the NHS logo on
the front and back.
Front
Size of NHS logo: 30mm in height.
Position of NHS logo: on the right-hand side.
Back
Size of NHS logo: 100mm in height.
Position of NHS logo: centrally, between the shoulders.
120
121
Specification
Colour: NHS Blue (Pantone 300) (best match paint reference:
BSI 18E53).
Portable building visual
122
Flags
Specifications
Type of print: screen-printed.
NHS logo: NHS Blue logo.
123
Flag visual
124
Banners
Specifications
125
Banner example
126
Tape
Specifications
Colour: white.
NHS logo: NHS Blue logo.
Specifications
Position of NHS logo: top right-hand corner.
Font: Frutiger (or Arial if Frutiger is not available).
Text colour: NHS Blue or black on a white background.
127
128
Recruitment advertising
Here we provide guidance on how to apply the NHS
brand to recruitment advertising.
You should read this section in conjunction with our guidelines on
the NHS logo, NHS typefaces and the guidance on your local
logotype.
Follow the general rules of logo and logotype positioning, sizing and
use of the exclusion zone set out in these sections. You should also
keep our communications principles in mind at all times.
Type specifications
The recommended minimum type specifications for your
advertisement text are as follows:
Job title
Typeface: Frutiger Bold
Size: 15 point type
Job details
Typeface: Frutiger Bold
Size: 12 point type
Leading: 15 point
129
Body text
Typeface: Frutiger Roman or Light
Size: 8 point type
Leading: 10 point
Accountability information
130
131
132
133
Websites
This guidance sets out the design style and technical
standards for NHS websites.
It is for NHS communications professionals, web managers and web
design agencies who are building new websites or refreshing
existing sites.
The guidelines apply to all NHS branded sites in England, including
corporate, campaign and staff-facing websites.
The Central Office of Information (COI) publish standards and
guidelines for the whole of public sector online. Rather than repeat
large sections of text, we link to the relevant part of the COI
guidelines wherever possible.
134
Audience
Who is the target audience(s) for the site?
What do they need from the site?
What do you want the audience(s) to do, know or think about
when they are using the site or after they have left it?
What will the users be able to do or see on the site?
135
136
137
If you are contracting out the website build, ask the supplier to make
suitable hosting arrangements as part of the brief. Hosting is usually
charged on a yearly basis.
138
NHS identity
Using the NHS identity on websites
All NHS websites must conform to the NHS identity. This is not just
about making sure the logo is present and in the right place. All NHS
communications - including websites - must embody the NHS values
and communications principles.
When designing your site, you should ensure that the information
structure, content and navigation - as well as the front-end design supports these values and principles.
139
140
Make sure that the text size can be changed to suit the users
preference. For example, some people choose to increase the text
size to make it easier to select links.
141
142
143
Corporate colours
Should form the basis for all NHS website design schemes.
As a general rule, backgrounds should be white and text should
be black.
Navigation areas should be white or NHS blue.
Primary colours
Should be used in conjunction with the corporate colours to
highlight key pieces of information.
Make sure they do not overpower or detract from the corporate
colours.
Secondary colours
Developed to support and complement the primary colours.
Each secondary colour should only be used with the
corresponding primary colour.
A secondary colour can also be used to break up a page, which
may ensure that the primary colours do not become more
prominent than the corporate colours.
144
145
Content
The most important part of your site is the content you
provide. Clear, understandable and targeted content is
essential to meeting your audiences' needs and
ensuring they return to your site.
Minimum content requirements
All NHS organisations have a core set of information that must be
held and regularly updated on www.nhs.uk. This information can be
replicated as necessary on an organisation's own website. Make
sure there is no discrepancy between the content on your own site
and nhs.uk.
As a general guide, NHS websites, including staff-facing sites and
those associated with publicity campaigns or other initiatives, should
use the nhs.uk web address and contain:
an NHS logo;
full contact details for the organisation that owns and/or
manages the site;
a clear statement of the purpose of the site and an outline of the
information and services it provides;
any policies, such as terms and conditions, privacy policies etc.,
that are relevant to using the site.
It is also worth considering these content areas:
About us to explain your organisation or campaign's
objectives and responsibilities.
Site map to enable users to orientate themselves to your
website's structure.
146
147
make sure that each page makes sense in isolation in case the
user has not seen the rest of the site.
Language
Think about the audience you are writing for and use the words you
would use if you were speaking to them. This will help you write
clearly and succinctly in a way that they will easily understand.
Writing in plain English will help all users understand your meaning:
Don't use long or difficult words when shorter or simpler ones
will do.
Avoid jargon and explain any technical terms, even if you think
your audience will understand them.
Use the active rather than passive voice, eg, we will decide
rather than it has been decided
Use short sentences containing one main idea; sentences in a
paragraph should have a common theme.
Only use capital letters where they are really needed; avoid
acronyms and abbreviations.
Other languages
Most web content is written in English, yet we serve a large number
of users who speak English as a second or third language and may
not be able to read it at all.
If you are considering providing information in other languages, first
weigh up:
the advantages of providing this content on the web;
the size of the audience who will use this content;
148
Content Checklist
149
150
Accessibility
Alt-tags
Guidance on the use of alternative (alt) text for images is provided
by COI.
Assistive technology
Information on assistive technology is provided by COI.
HTML tables
Guidance on creating accessible tables is provided by COI.
Accessibility testing
151
You must use a range of techniques to test your web pages for
accessibility. Automated testing alone cannot guarantee an
accessible site because certain features cannot be checked by
computer. These include the appropriateness of alt-text, legibility of
text, reliability of colour, etc.
Further guidance on measuring the accessibility of websites is
provided by COI.
Homepage navigation
The homepage file size should not exceed 40k to ensure that the
page is quick to load.
When planning the homepage, make sure:
the homepage is clearly accessible from each page on your
site;
the main navigation menu is on the homepage;
the main sections of your website are one click from the
homepage;
the homepage contains your organisation or initiative's name,
logo and links to a page with your contact details;
152
Graphic navigation
It is not best practice to use images for navigation because they
cannot be resized in line with the text. It is more appropriate to use
styled text to comply with the WCAG guideline 11 "use W3C
technologies".
Further guidance on the use of graphical text is available from the
Central Office of Information (COI).
However, if you do have to use graphic navigation, make sure:
any graphics are consistent and intuitive;
graphics are large enough to display a meaningful alt-text within
their width and height (always use alt-text, even when you are
also providing text navigation);
navigation does not rely on JavaScript and rollovers.
Imagemaps
There are two kinds of imagemaps: server-side and client-side. It is
best to use client-side imagemaps because they have defined areas
for the browsers. These areas must have appropriate alt-text to
describe what they are linking to. It is also important to provide
alternative text navigation to accompany any imagemaps.
153
Splash pages
If you do use a splash page, provide clear instructions to the user on
how to proceed from that page and do not automatically redirect the
154
page because this can cause problems for users with screen
readers.
Keyboard shortcuts
Use consistent navigation throughout the website. Include a 'skip to
content' link to help users with a screen reader. This is a link that will
jump to an anchor at the start of the content to allow users with a
screen reader to jump repetitive navigation elements. This link could
be hidden from other users by making it a 1x1 pixel, with appropriate
alt-text, at the start of the page.
Keyboard shortcuts help keyboard-only users (eg users with limited
physical ability) to navigate your site. If you offer this functionality, let
users know that this function is available as soon as they enter your
website.
Further guidance on the use of keyboard shortcuts is available from
COI.
155
Formal documentation
Whether your website is produced internally or by an external
agency, we recommend full documentation at each stage. This will
be a useful reference both for current team members and future
staff.
156
157
Links
Links enrich the content of any website and users find
them valuable, especially when set in context. We
recommend that links are provided on the page itself,
rather than on a separate 'Useful links' page.
How to link
Make sure your links are relevant to the copy they follow.
Ensure that the actual text of the link would make sense if taken
out of the context of the preceding copy.
Make sure that links are easily recognisable and consistent
throughout the site
Do not use different colours for each section of a website.
Consider following the established convention of highlighting
them in blue, underlined text and reserve this style just for links.
Check regularly for broken links and ensure that links go to the
expected page or site.
Make sure the site has an easy-to-use way for users to report
link problems.
Links should describe the destination and make sense when
read out of context. Therefore, avoid the use of click here, for
example.
Where to link
All NHS sites should link to nhs.uk and NHS Direct Online (
www.nhsdirect.nhs.uk) from the home page. If you wish to obtain a
copy of the NHS Direct logo, please contact your local NHS Direct
communications lead or email sarah.armitage@nhsdirect.nhs.uk.
158
The nhs.uk graphic is available from the NHS Connecting for Health
team.
Link freely to other NHS, DH and other government sites, as
well as local authority, academic or non-commercial sites.
Don't overwhelm users with links.
Make sure they are all useful and relevant.
Many sites publish their links policy on the site. Make sure you
follow their guidance on linking to their site. If no guidance is
given, contact the web manager for permission to link to their
site.
Take care with controversial issues and areas where there is
significant divergence between the NHS and non-NHS
organisations.
Provide balance and give due weight to the official NHS view.
You may link to websites which express an alternative
argument to the official NHS view. However, if the opposing
viewpoint is based on poor evidence, rumour, hearsay, or
uncorroborated personal opinion, don't link to sites supporting it.
NHS sites should not directly link to commercial sites, unless you
are working with a commercial partner. There are two reasons for
this:
Commercial sites may contain biased or unbalanced content,
eg promoting particular products, services or companies over
others. You can deny endorsement through a disclaimer but
users may still believe the link implies some level of approval.
It would be unfair to link to one commercial site and not its
competitors. A perceived 'NHS endorsement' could give the
owning organisation competitive advantage and it is impractical
to link to all competing sites.
159
160
Legal information
Legal issues
Information and guidance on legal issues relating to websites such
as copyright, data protection, privacy, disability discrimination and
the Welsh language requirements are available from the Central
Office of Information.
161
162
Other resources
NHS Comms Link
A secure 'one-stop shop' enabling NHS Communicators to share
news, resources, ideas and experiences.
http://www.nhscommslink.nhs.uk
NHS Picture Library
Online resource for the NHS and relates social care organisations
http://www.nhs.uk/photolibrary
163