- Home
- Ui Frameworks
- GOV.UK Design System
GOV.UK Design System
What it is
GOV.UK Design System gives teams building government services a shared set of styles, interface components and patterns. Style guidance covers page structure, typography, colour and images. Reusable components come with guidance and coded examples, while patterns offer design solutions for particular user tasks and page types. Published styles, components and patterns include details about their testing in user research.
Teams can add GOV.UK Frontend to a project using npm or by including compiled files. In production, components can be used as HTML or, in Node.js applications with GOV.UK Frontend installed through npm, as Nunjucks macros. Prototyping requires GOV.UK Prototype Kit version 7 or later. The code is publicly available under the MIT License, and the plan is free. The system aims for WCAG level AA compliance, but adopting it alone does not make a service accessible. Its maintainers test component accessibility using tools, automated deployment tests and manual checks. Support focuses on central UK government digital services and may not be reliable for other contexts.
For and against
For
- Free code under the MIT License.
- Reusable components include guidance and coded examples.
- Patterns address user tasks and page types.
- Published guidance describes user-research testing.
- Component accessibility is checked with automated and manual methods.
Against
- Compiled files do not allow selective CSS or JavaScript inclusion.
- Compiled-file builds cannot be customized.
- Using the system alone does not ensure accessibility.
- Support may be limited outside central UK government services.
The verdict
GOV.UK Design System offers styles, components and patterns alongside implementation guidance for government services. Its intended audience and support are focused on central UK government teams, and accessibility still requires attention beyond adopting the system.
Who it suits
It suits people working on government services, especially central UK government digital teams. Teams outside that context should note that support may be limited.
Plans and prices
GOV.UK Design System
Publicly available code · MIT license
Read 4 Oct 2026 · design-system.service.gov.uk
On the record
- Accessibility
- The team describes accessibility work as continuous and iterative, and says using the system alone does not make a service accessible.design-system.service.gov.uk · read 4 Oct 2026
- Accessibility testing
- The team tests component accessibility with a mix of tools, automated deployment tests and manual testing.design-system.service.gov.uk · read 3 Oct 2026
- Audience
- The team says the Design System is intended for people working on government services, with a focus on central UK government digital services.design-system.service.gov.uk · read 3 Oct 2026
- Community
- People can contribute through discussions, events, co-design collaborations, research and component or pattern development.design-system.service.gov.uk · read 3 Oct 2026
- Components
- It provides reusable interface components with usage guidance and coded examples.design-system.service.gov.uk · read 4 Oct 2026
- Installation
- For production projects, GOV.UK Frontend can be installed with npm or used by including compiled stylesheets, JavaScript and asset files.design-system.service.gov.uk · read 4 Oct 2026
- 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.design-system.service.gov.uk · read 4 Oct 2026
- License
- The system's code is public and freely available under the MIT license.design-system.service.gov.uk · read 4 Oct 2026
- 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.design-system.service.gov.uk · read 3 Oct 2026
- Maker
- The GOV.UK Design System at the Government Digital Service maintains the system.design-system.service.gov.uk · read 4 Oct 2026
- Patterns
- Its patterns offer design solutions for specific user-focused tasks and page types, with written guidance and coded examples where possible.design-system.service.gov.uk · read 4 Oct 2026
- Prototype Kit
- Prototyping with the system requires GOV.UK Prototype Kit version 7 or later.design-system.service.gov.uk · read 4 Oct 2026
- Purpose
- The system helps teams make government services consistent with GOV.UK and learn from research and experience across service teams.design-system.service.gov.uk · read 4 Oct 2026
- Research
- Published styles, components and patterns include details of how and when they were tested in user research.design-system.service.gov.uk · read 4 Oct 2026
- Styles
- It provides guidance for applying GOV.UK layout, typography, colour and images.design-system.service.gov.uk · read 4 Oct 2026
- Support
- The team focuses support on central UK government digital services and says it cannot reliably provide guidance for different contexts.design-system.service.gov.uk · read 4 Oct 2026
- Support channels
- Central UK government service teams can contact the team through cross-government Slack, email, GitHub issues and community discussions.design-system.service.gov.uk · read 4 Oct 2026
- 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.design-system.service.gov.uk · read 3 Oct 2026
