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

You’ve accepted analytics cookies. You can change your cookie settings at any time.

You’ve rejected analytics cookies. You can change your cookie settings at any time.

.cookie-banner {display:none;}

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

DWP Design System

About
Get started
Collections
Components
Patterns
Templates
Guidance
Accessibility
Current research

Main

Main Menu

About

About the team
Latest updates
Release notes

Main Menu

Get started

How to use the Design System
Install DWP Frontend
Contribute

Main Menu

Collections

Internal services
Navigation
Public-facing services

Main Menu

Components

Key details bar (retired)

Main Menu

Patterns

- Overview
- How it works
- Examples
- Accessibility
- Prototyping
- Production
- Research
- Design notes
- History

Main Menu

Templates

- Overview
- Examples
- Overview
- Examples

Main Menu

Guidance

Hint text
- Overview
- Examples
Footers for DWP services
Remove GOV.UK branding

Main Menu

Accessibility

Accessibility testing
Web Content Accessibility Guidelines (WCAG)

Main Menu

Current research

Agent interfaces
File upload
Filters and search

Horizontal navigation

Overview
How it works
Examples
Accessibility
Prototyping
Design notes

Internal service footer

Overview
How it works
Examples
Accessibility
Prototyping

Internal service header

Overview
How it works
Examples
Accessibility
Prototyping
User research
Design notes
History

Language toggle

Overview
How it works
Examples
Accessibility
Prototyping
User research
Design notes

Quick reference

Overview
How it works
Examples
Accessibility
Prototyping
User research
Design notes

Side navigation

Overview
How it works
Examples
Accessibility
Prototyping
User research
Design notes

Timeline

Overview
How it works
Examples
Accessibility
Prototyping
Production
User research
Design notes
History

Add another thing

Overview
How it works
Examples
Accessibility
Prototyping
Production
Research
Design notes
History

Choose alternative contact formats

Overview
How it works
Available formats
Examples
Accessibility
Prototyping
Production
User research
Design notes

Contact a service

Overview
How it works
Examples
Accessibility
Prototyping
User research
Design notes

Find an address

Overview
How it works
Examples
Accessibility
Prototyping
Production
User research
Design notes
History

Make a declaration

Overview
How it works
Examples
Accessibility
User research
Design notes

Manage a session timeout

Overview
How it works
Examples
Accessibility
User research
Design notes

Toggle to Welsh

Overview
How it works
Examples
Accessibility
User research
Design notes
History

Cookies page

Overview
Examples

Internal service page

Overview
Examples

Crown update

Overview
Examples

Add another thing

Examples

User journey
Check answers
- Preview
- Nunjucks
- HTML

Check answers

Nunjucks

Examples

User journey
Check answers
- Preview
- Nunjucks
- HTML

<img src="/public/images/patterns/add-another-thing/add-another-single-page-change-remove.svg" style="width:100%;" alt="" />

Footer navigation links

Accessibility statement
Cookies on this website
Privacy (external link)
Site map
Universal Credit