Beta This is new guidance. Complete our quick 5-question survey to help us improve it.
Add the GOV.UK header and footer
To add the GOV.UK header and footer to your service, you need to download the GOV.UK template from GitHub. This provides all the code and assets you need.
Before adding them, find out about making your service look like GOV.UK.
Meeting the Service Standard
To pass point 13 (make the user experience consistent with GOV.UK) in your service assessments, you must show how your team is using the GOV.UK header and footer correctly.
Choosing the right header
Whenever you use the GOV.UK header, you must:
- link the GOV.UK logotype back to the GOV.UK homepage
- set the blue bar and content area to the same width (the default is 960px at full width)
- set the blue bar to $govuk-blue (#005ea5)
Adapting the header
You can customise the template depending on the type of header you need. This is determined by how long or complex it is and whether you want to include navigation.
See auto-generated examples of the header using the current version of the GOV.UK template.
Use the GOV.UK standard header if your service is just a few pages long:
Header with service name
Add the standard header with service title if your service is more than 5 pages long - this can help users understand where they are:
Header with navigation
Use the standard header with propositional navigation if you need to include basic navigation, contact or account management links:
Use the standard header with a propositional link if you only need to add one link:
Adding the footer
You can download the GOV.UK template from GitHub. This provides all the code and assets you need to add the GOV.UK footer to your service.
All services must use the standard GOV.UK footer with the browse links removed:
You can add links to:
- your department’s page on GOV.UK
- other language options
- terms and conditions
Keeping your service up to date
You should check the GOV.UK template repository regularly and incorporate changes to keep your service up to date and consistent with the rest of GOV.UK.
This is updated frequently in response to feedback, research and evolving best practice.
To find out more about working with headers, footers and templates you can:
- Published by:
- Technology community (frontend development)
- Last update:
Guidance first published