Skip to main content

Work in progress

This page is a design preview. It may not contain the latest guidance and may not behave as expected.

Current guidance can always be found at design-system.dwp.gov.uk.

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

Designing for everyone

This is the Department for Work and Pensions (DWP) design system. It includes standard design elements and best practice for DWP digital services.

Use the DWP Design System alongside the GOV.UK Design System.

How to use the DWP Design System

A guide to using patterns and components in your project

Install DWP Frontend

Use npm and DWP Frontend to add components to your service

Latest

Horizontal navigation

A horizontal container for secondary navigation links within a service

Internal service footer

A footer component for use on internal services with no GOV.UK branding

Internal service header

A header for internal services, with no GOV.UK branding or crest

View all

Components Patterns Templates Guidance

Collections

Internal services

Resources for designing internal services and admin interfaces

Navigation

Navigation elements for DWP services

Public-facing services

Resources for designing public-facing interfaces

Propose a new component, pattern or template

Have an idea for a repeatable pattern that could be part of the Design System? Let us know.