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
10 October 2025: We’ve released GOV.UK Frontend 5.13.0
It introduces new Sass functions to help write @media and @container queries, mixins and functions whilst still using custom breakpoints or GOV.UK Frontend’s $govuk-breakpoints setting.
You can continue using the govuk-media-query mixin exactly as before - we’ve changed how it works under the hood, but the mixin should behave the same way.
Read the release notes for v5.13.0 to see what’s changed.
On 17 September 2025, we released GOV.UK 5.12.0, which introduced a new mixin you can use to style the focus state if you're building your own form input components.
Read the release notes for v5.12.0 to see what changed.
Styles
Make government services look like GOV.UK with guides for applying layout, typography, colour and images.
Components
Save time with reusable, accessible components for forms, navigation, panels, tables and more.
Patterns
Help users complete common tasks like entering names and addresses, filling in forms and creating accounts.
Update your service to use the refreshed GOV.UK brand
In June 2025, GOV.UK started to refresh the brand across its products and services. To support this, we’ve released several versions of GOV.UK Frontend to help teams update their services.
Find out how to update your service to use the refreshed brand.
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 GOV.UK style guide and GOV.UK content design guidance.
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.
Support
The GOV.UK Design System is maintained by a team at the Government Digital Service. If you’ve got a question, idea or suggestion, you can contact the team.
See blog posts, video talks, and podcasts about the GOV.UK Design System and Prototype Kit.
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.