Skip to content
SPECIFICTION
Get listed

GOV.UK Design System

design-system.service.gov.uk

Free plan WebSelf-hosted
Visit design-system.service.gov.uk
Spec score 8.0 #3 of 24 in Ui Frameworks

What it is

The GOV.UK Design System helps government teams build services with shared styles, reusable components and patterns for user-focused tasks. Its guidance covers page structure, typography, colour and images; components include coded examples, and patterns address particular tasks and page types. Published guidance includes details about user-research testing. Teams can add GOV.UK Frontend through npm or include compiled files. In production projects, components can be used as HTML or as Nunjucks macros when Frontend is installed with npm and the application uses Node.js. Prototyping requires GOV.UK Prototype Kit version 7 or later. The code is public under the MIT License, and the listed plan is free. The system aims for WCAG level AA compliance, but its use alone does not make a service accessible; component accessibility checks combine tools, automated deployment tests and manual testing. The Government Digital Service maintains the system, with a focus on central UK government digital services. Support may be limited for other contexts. Compiled files include all Frontend CSS and JavaScript, without selective component assets or a customizable build.

Spec sheet

Purpose
The system helps teams make government services consistent with GOV.UK and learn from research and experience across service teams.Read 4 Oct 2026 · design-system.service.gov.uk
Audience
The team says the Design System is intended for people working on government services, with a focus on central UK government digital services.Read 3 Oct 2026 · design-system.service.gov.uk
Support
The team focuses support on central UK government digital services and says it cannot reliably provide guidance for different contexts.Read 4 Oct 2026 · design-system.service.gov.uk
License
The system's code is public and freely available under the MIT license.Read 4 Oct 2026 · design-system.service.gov.uk
Maker
The GOV.UK Design System at the Government Digital Service maintains the system.Read 4 Oct 2026 · design-system.service.gov.uk
Accessibility
The team describes accessibility work as continuous and iterative, and says using the system alone does not make a service accessible.Read 4 Oct 2026 · design-system.service.gov.uk
Accessibility testing
The team tests component accessibility with a mix of tools, automated deployment tests and manual testing.Read 3 Oct 2026 · design-system.service.gov.uk
Community
People can contribute through discussions, events, co-design collaborations, research and component or pattern development.Read 3 Oct 2026 · design-system.service.gov.uk
Components
It provides reusable interface components with usage guidance and coded examples.Read 4 Oct 2026 · design-system.service.gov.uk
Installation
For production projects, GOV.UK Frontend can be installed with npm or used by including compiled stylesheets, JavaScript and asset files.Read 4 Oct 2026 · design-system.service.gov.uk
Integration
Components can be used as HTML or as Nunjucks macros when GOV.UK Frontend is installed with npm and the application uses Node.js.Read 4 Oct 2026 · design-system.service.gov.uk
Limit
Using compiled files includes all GOV.UK Frontend CSS and JavaScript but does not support selectively including component CSS or JavaScript or customizing the build.Read 3 Oct 2026 · design-system.service.gov.uk
Patterns
Its patterns offer design solutions for specific user-focused tasks and page types, with written guidance and coded examples where possible.Read 4 Oct 2026 · design-system.service.gov.uk
Prototype Kit
Prototyping with the system requires GOV.UK Prototype Kit version 7 or later.Read 4 Oct 2026 · design-system.service.gov.uk
Research
Published styles, components and patterns include details of how and when they were tested in user research.Read 4 Oct 2026 · design-system.service.gov.uk
Styles
It provides guidance for applying GOV.UK layout, typography, colour and images.Read 4 Oct 2026 · design-system.service.gov.uk
Support channels
Central UK government service teams can contact the team through cross-government Slack, email, GitHub issues and community discussions.Read 4 Oct 2026 · design-system.service.gov.uk
Templates
Production components can be used as HTML or as Nunjucks macros when GOV.UK Frontend is installed with npm and the application uses Node.js.Read 3 Oct 2026 · design-system.service.gov.uk

Plans and prices

GOV.UK Design System Free Publicly available code · MIT license Read 4 Oct 2026 · design-system.service.gov.uk

Every GOV.UK Design System plan and price →

Strong points and limits

Strong points

  • Public code is available under the MIT License.
  • Guidance covers styles, components and user-focused patterns.
  • Includes details about user-research testing.
  • Component accessibility checks combine automated and manual methods.

Limits

  • Use alone does not ensure an accessible service.
  • Compiled files do not allow selective component assets.
  • Support may be limited outside central UK government services.
  • Prototyping requires Prototype Kit version 7 or later.

Who it suits

It is intended for people working on government services, especially central UK government digital service teams. Teams in other contexts should account for potentially limited support.

Verdict

The system provides government-focused styles, components and implementation guidance at no listed charge. Teams should plan accessibility work separately and check whether its support and compiled-file constraints fit their project.

Where Specifiction places it

Alternatives to GOV.UK Design SystemAll alternatives →