Skip to main content

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.

Components

Save time and help users with these accessible UI parts.

Patterns

You can combine components in different patterns for different contexts.

Designing new components

These components are well tested and ready to use. Before you design a new one, please test an existing component. Check with us on the NHS digital service manual Slack workspace or email us at service-manual@nhs.net as we may already be working on what you need.

If you decide you need a new component, make sure that:

  • you have good evidence that it's the best way of meeting the user need
  • it will be accessible
  • you test it with a representative sample of users, including people with access needs
  • you will be able to maintain and update it
  • you share what you've learnt

Contribute

Help improve the manual by contributing to components on GitHub.

Join us on the NHS.UK service manual Slack workspace or email us at service-manual@nhs.net

Updated: July 2019