Reusable components and design patterns that solve common problems.
Tested NHS.UK patterns
We know that these patterns help users find what they need. They will also make your service consistent with other NHS services.
We are continuing to test and improve them and we are working on new patterns, including components for forms. If you can’t find what you want here, contact us on the NHS.UK #standards Slack channel or email the standards team at firstname.lastname@example.org.
Download code and design files
Front end kit
Download the NHS.UK Sketch file from GitHub. It will help you build prototypes and mockups quickly with tried and tested components and styles that are ready to use.
Creating or changing patterns
You're welcome to adapt one of these patterns or to create a new one. Check with us first on the NHS.UK #standards Slack channel or email us at email@example.com. We may already be working on what you need.
Help improve the manual by contributing your work.
Why use patterns?
Following design patterns means you can:
- avoid repeating work done by other teams
- build on the research and experience of other teams
- make your service consistent with other NHS services
Updated: October 2018.