Latest updates

14 February 2022

Published Add another thing pattern and Hint text component

Add another thing is a pattern that helps users to add more than one thing of the same type, using a summary list.

Hint text gives clear guidance for how and when to use hint text in DWP services.

Published new guidance for designers

We have written a step by step guide for designers on using our components and patterns in prototypes.

New site organisation

We have reorganised this website, most noticeably updating the Community section. If you are looking for something and can’t find it, it’s probably moved there. We based the new structure on some tree testing research.

Published updated roadmap

The updated Roadmap shows our latest plans for the future of the DWP Design System.

5 November 2021

Published Toggle to Welsh pattern and Key details bar component

Both include coded examples and guidance on how and when to use them. Toggle to Welsh includes detailed accessibility information; Key details bar includes guidance on how much information is too much to include.

29 September 2021

Published Internal services header component

The Internal services header includes:

  • an example of the header with and without a sign in/out link
  • guidance on when it should be used

8 September 2021

Published DWP Design System roadmap

The DWP Design System roadmap has been published and includes the future plans for the Design System.

Launched new DWP Design System website

The new site includes:

  • updated guidance on how to contribute to the DWP Design System
  • the DWP Design System Community Backlog
  • the DWP Design System team contact details
  • information about latest updates to the DWP Design System

Published timeline component

The timeline component includes:

  • an example of the timeline component
  • guidance on when to use it
  • information on how it should work

12 August 2021

Published manage a session timeout pattern

The pattern meets the WCAG 2.1 success criterion 2.2.1 ‘Timing Adjustable’. This means that a service must warn users before a session timeout occurs and allow them to extend the session.

The pattern uses a modal dialog based on code from the GOV.UK Design System community backlog.

The manage a session timeout pattern includes:

  • the full journey for the session timeout
  • guidance for the length of the timeout
  • a modal dialog box
  • recommended content for users who are signed in or not signed in to a service
  • an example of the session timeout for users with devices not running JavaScript

17 May 2021

This pattern has been retired and replaced by the cookies page and cookie banner on the GOV.UK Design System. Existing services that are using the DWP consent to cookies pattern do not need to update to the GOV.UK page and banner.

April 2021

Published make a declaration pattern

The pattern helps users to tell you that they have understood or agree to something before they submit an application or an online form.

Get in touch

If you’ve got a question, idea or suggestion email the Design System team on