Skip to main content

Cookies on the DWP Design System website

We use some essential cookies to make this service work.

We’d also like to use analytics cookies so we can understand how you use the service and make improvements.

View cookies
About

Release notes

DWP Frontend is available on npm. Version history

v3.4.0 (2025-10-09)

Features

  • isolate DWP components from GOV.UK rebrand styling and add conditional rebrand (visual) testing

Notes

GOV.UK Frontend v5.10.0 introduced changes to the header, footer, cookie banner and service navigation components to support the 2025 GOV.UK brand refresh. (See Updating your service to use the new brand for details.)

The DWP Frontend internal service header and internal service footer previously inherited their colours from the GOV.UK, along with some other changes.

This affected the internal service header and internal service footer components from the DWP Design System, which inherited their colours from the GOV.UK components. In release 3.4.0 of DWP Frontend we have updated these components to:

  • fix the background colour of the internal service header component to black, rather than using the new GOV.UK blue
  • remove the blue accent bar above the internal service footer and fix the background colour to grey

To continue using these components with the correct colours you should update to DWP Frontend 3.4.0. Note that:

  • you may need to include an import to internal service footer Sass partial within your build: @import "node_modules/@dwp/dwp-frontend/components/internal-service-header/internal-service-header
  • if you have any tests that target the footer links by class name, you will need to update this class name

GOV.UK rebrand: what you need to do

Could we improve this page?

Send questions, comments or suggestions to the DWP Design System team.