Design your service using DWP components and patterns

Use this design system to make your service consistent with DWP services. Learn from the research and experience of other service teams and avoid repeating work that’s already been done.


Components are reusable parts of the user interface that have been made to support a variety of applications.

External service footer

The external service footer is a standard page footer for external DWP services.

View external service footer component

Header navigation

The header navigation is a version of the internal service header that includes navigation items.

View header navigation component

Language toggle

The language toggle component lets the user switch between two languages when using a service.

View language toggle component


Patterns are best practice design solutions for specific user-focused tasks and page types.

Choose alternative contact formats

A consistent way for people to request accessible alternative formats for letters and phone calls.

View Choose alternative contact formats

Find an address

A postcode lookup pattern that helps users to find and enter an address.

View Find an address

Cookies page

Standard layout and content for the cookies page on a DWP service.

View Cookies page


The DWP Design System is maintained by the DWP Design System team. Anyone can contribute to it by proposing new components or patterns and sharing their research and findings.

How to propose a component or pattern

Contribute ideas and get involved with the DWP Design System.

Find out how to get involved

Community backlog

See what people are currently working on in the community backlog.

View community backlog

GitHub Discussions

We're using GitHub Discussions to help the community talk to us about our components and patterns.

Join the discussion

Get in touch

If you’ve got a question, idea or suggestion email the Design System team on