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.
Internal service footer
The internal service footer is a simplified standard footer for services used by DWP staff or agents.
Hint text gives extra information that helps people to answer a question.
Key details bar
The key details bar groups and highlights the most relevant information on a page so that agents can find it easily.
Patterns are best practice design solutions for specific user-focused tasks and page types.
Find an address
A postcode lookup pattern that helps users to find and enter an address.
Standard layout and content for the cookies page on a DWP service.
Internal service page
A basic page template for internal DWP services.
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.
See what people are currently working on in the community backlog.
We're using GitHub Discussions to help the community talk to us about our components and patterns.