Design your service using GOV.UK styles, components and patterns

Use this design system to make government services consistent with GOV.UK. Learn from the research and experience of other service teams and avoid repeating work that’s already been done.

Get started

What’s new

11 January 2024: We’ve released guidance on how to update your service to meet the latest Web Content Accessibility Guidelines (WCAG 2.2).

WCAG 2.2 changes to GOV.UK Frontend were released in v5.0.0. You can read more about this breaking release in the guide ‘Changes to GOV.UK Frontend v5.0.0’ and the release notes.

Sign up to get update emails about the Design System.

Styles

Make government services look like GOV.UK with guides for applying layout, typography, colour and images.

Browse styles

Components

Save time with reusable, accessible components for forms, navigation, panels, tables and more.

Browse components

Patterns

Help users complete common tasks like entering names and addresses, filling in forms and creating accounts.

Browse patterns


Principles we follow

The GOV.UK Design System helps teams that work on government services follow the Government Design Principles and GOV.UK Service Manual. This website also follows the style guide and content design guidance used by GOV.UK.

Our accessibility strategy outlines our principles and work to improve accessibility within the GOV.UK Design System.


Community

The GOV.UK Design System is for everyone that works on government services, with a strong community sitting behind it. It brings together the latest research, design and development from across government to make sure it’s representative and relevant for its users.

You can help improve the Design System by joining our discussions, events and co-design collaborations.

Also see upcoming components and patterns we're working on and how you can help.



Roadmap

See what the Design System team at GDS is planning to work on over the next 12 months in the GOV.UK Design System Roadmap.