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.
Latest updates
- Published Toggle to Welsh pattern
- Published Key details bar component
- Published internal services header component
Components
Components are reusable parts of the user interface that have been made to support a variety of applications.
Timeline
The timeline is a way to display updates to something or actions that have been done.
Internal services header
The internal services header shows users what service or system they are using.
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
Patterns are best practice design solutions for specific user-focused tasks and page types.
Make a declaration
Help users to tell you that they have understood or agree to something before they submit an application or an online form.
Manage session timeout
Use this pattern to warn users that their session is about to end and explain what has happened after the session has timed out.
Toggle to Welsh
This pattern lets the user change the language used in a service from English to Welsh and from Welsh to English.
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.
Community backlog
See what people are currently working on in the community backlog.
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 share it in #design-system channel on Slack or email the Design System team on dwp-design-system@engineering.digital.dwp.gov.uk