UI styles, components and patterns

Make your service look like the NHS website with tested design styles, components and patterns.

UI styles

These styles will give you the NHS website layout and look and feel.


Save time and help users with these accessible UI parts.


You can combine components in different patterns for different contexts. We’re still working on patterns and will publish them here.


You're welcome to adapt these components and patterns to create a new one. Check with us first on the NHS digital service manual Slack workspace or email us at service-manual@nhs.net. We may already be working on what you need.

Help improve the manual by contributing your work.

Updated: February 2019