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 internal services header component
  • Published timeline component
  • Launched new DWP Design System site
View all updates

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.

View timeline component

Internal services header

The internal services header shows users what service or system they are using.

View internal header component


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.

View declaration pattern

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.

View session timeout pattern

Consent to cookies

This pattern has been retired and replaced by the GOV.UK Design System cookies page and banner.

View consent to cookies pattern


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.

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 share it in #design-system channel on Slack or email the Design System team on dwp-design-system@engineering.digital.dwp.gov.uk