A favicon of GOV.UK Design System

GOV.UK Design System

Build consistent, accessible government services using pre-built styles, components, and patterns. Save time and learn from shared research.

Visit GOV.UK Design System
A screenshot of GOV.UK Design SystemVisit

Utilize a comprehensive toolkit to design government services that are consistent with GOV.UK. This system allows you to learn from the collective research and experience of other service teams, effectively avoiding redundant work. It provides:

  • Styles: Guidance for applying layout, typography, colour, and images to ensure services visually align with GOV.UK.
  • Components: A library of reusable, accessible elements for forms, navigation, panels, tables, and more, designed to save development time.
  • Patterns: Proven solutions to help users complete common tasks such as entering personal information, filling out forms, and creating accounts.

The system is built on established Government Design Principles and Service Standards, with a strong emphasis on accessibility. It is supported by a vibrant community, ensuring it remains relevant and representative by incorporating the latest research, design, and development from across government. You can also contribute to its improvement.

Share:

Similar to GOV.UK Design System:

Easily build accessible, mobile-friendly government sites.
FigmaGovernment+1 more
Facilitates building accessible, mobile-friendly government websites. Offers components, patterns, design tokens, and utilities for consistent, inclusive user experiences.
Build cohesive experiences, faster.
Adobe XDCompany+2 more
Develop cohesive applications faster with a rich library of design components, patterns, and tools. Achieve consistency and improve team productivity.
Craft consistent, branded digital experiences.
CompanyFigma+1 more
Build consistent, branded digital experiences with an open-source system. Offers design language, accessible elements, developer tools, and Web Components.

Command Menu