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
Components are reusable parts of the user interface that have been made to support a variety of applications.
Horizontal navigation
The horizontal navigation component is a list of secondary navigation links within a service.
Quick reference
Quick reference allows agents to check they are looking at the right case when working on a task.
External service footer
The external service footer is a standard page footer for external DWP services. It uses the GOV.UK footer component.
Patterns
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.
Find an address
A postcode lookup pattern that helps users to find and enter an address.
Contribute
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.
GitHub Discussions
We're using GitHub Discussions to help the community talk to us about our components and patterns.
Get in touch
If you’ve got a question, idea or suggestion email the Design System team on dwp-design-system@engineering.digital.dwp.gov.uk