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.

Internal service footer

The internal service footer is a simplified standard footer for services used by DWP staff or agents.

View internal service footer component

Hint text

Hint text gives extra information that helps people to answer a question.

View hint text component

Key details bar

The key details bar groups and highlights the most relevant information on a page so that agents can find it easily.

View key details bar component


Patterns

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

Internal service page

A basic page template for internal DWP services.

View toggle to Welsh pattern

Contact a service

Show contact details for a service's offline support.

View Contact a service pattern

Add another thing

Help users to add more than one thing of the same type.

View Add another thing 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 email the Design System team on dwp-design-system@engineering.digital.dwp.gov.uk