Gov Design Systems
A list of design systems and design resources that gov departments have created.
UK
National Government
Government Digital Service
- GOV.UK Design System: https://design-system.service.gov.uk
- Backlog and community discussion: https://github.com/alphagov/govuk-design-system-backlog/projects/1
- GOV.UK Publishing guide: https://docs.publishing.service.gov.uk/manual/components.html#component-guides
Home Office
- Home Office Design System: https://design.homeoffice.gov.uk/
- Backlog and community discussion: https://github.com/UKHomeOffice/design-system/projects/1
- Home Office Form builder: https://ukhomeofficeforms.github.io/hof-guide/
Department for Work and Pensions
- DWP Design System: https://design-system.dwp.gov.uk/index
- Backlog and community discussion: https://github.com/dwp/design-system-community-backlog/projects/1
Department for Education
- Design Manual: https://design.education.gov.uk
- Apply the Service Standard in DfE - https://apply-the-service-standard.education.gov.uk/
MI6, MI5, and GCHQ
- Intelligence Community Design System: https://design.sis.gov.uk
- Backlog: https://github.com/orgs/mi6/projects/2/views/4
Her Majesty's Revenue and Customs
- HMRC Design patterns: https://design.tax.service.gov.uk/hmrc-design-patterns/
- Backlog and community discussion: https://github.com/hmrc/design-patterns/projects/1
Ministry of Justice
- MOJ Pattern Library: https://design-patterns.service.justice.gov.uk/
HM Courts & Tribunals Service
- CJS Crime programme design patterns: https://cjscpp-design-patterns.herokuapp.com/
- HMCTS Design System: https://hmcts-design-system.herokuapp.com/
Ministry of Housing, Communities and Local Government
- Digital Land Design: https://digital-land.github.io/design-system/
DVSA
- DVSA Front-end: https://dvsa-front-end.herokuapp.com/
HM Land Registry
- Design System: https://hmlr-design-system.herokuapp.com/
- Frontend components: https://hmlr-frontend.herokuapp.com/
Department for Environment, Food and Rural Affairs
- Form builder (lets you create a form transaction visually): https://github.com/DEFRA/digital-form-builder
Office for National Statistics
- ONS website pattern library: https://onsdigital.github.io/ons-pattern-library-starter/
- Electronic questionnaire product design system: https://ons-design-system.netlify.app/
- ONS Prototyping kit for internal systems: https://github.com/ONSdigital/prototype-kit
Armed Forces
- Royal Navy: https://docs.royalnavy.io
Health & Social Care
NHS
- NHS design system: https://service-manual.nhs.uk/design-system
- NHS style guide: https://service-manual.nhs.uk/content
National Institute for Health and Care Excellence (NICE)
- NICE design system: https://design-system.nice.org.uk/
- NICE backlog and discussion: https://github.com/nice-digital/nice-design-system/discussions
- Storybook to play around with component options: https://storybook-nds.netlify.app/?path=/story/components-action-banner--default
Scotland
- Scottish Government's Digital Scotland Design System: https://designsystem.gov.scot/
Local Gov
- Brighton & Hove City Council: http://csmdemo.uk/BHCC-website-design-patterns/index.php?p=welcome
- Essex: https://essex-design-system.herokuapp.com/
- Hackney: https://design-system.hackney.gov.uk/
- Transport for West Midlands (West Midlands Network): https://designsystem.wmnetwork.co.uk
International
Argentina
- Poncho (in Spanish): https://argob.github.io/poncho/
Australia
- Australian Government Design System: https://designsystem.gov.au/ (decommissioned but still available as of November 2021)
- GitHub repository (archived, read-only): https://github.com/govau/design-system-components/
- Agriculture Design System https://design-system.agriculture.gov.au/
Brazil
- Brazilian Government Design System: https://www.gov.br/ds/home
- GitLab repository: https://gitlab.com/govbr-ds/dev/govbr-ds-dev-core
- Wiki: https://govbr-ds.gitlab.io/govbr-ds-wiki/
Canada
- Canada.ca Design System: https://www.canada.ca/en/government/about/design-system.html
- GC Design System: https://design.alpha.canada.ca/en/
Canadian provinces
- Ontario Design System: https://designsystem.ontario.ca/
- British Columbia Government Design System for Digital Services: https://developer.gov.bc.ca/Design-System/About-the-Design-System
- Quebec design system (Système de design gouvernemental): https://design.quebec.ca/apercu/systeme
- Yukon Design System: https://guide.yukon.ca/en/yukon-design-system
France
- State Design System: https://www.systeme-de-design.gouv.fr/
Germany
- State of Schleswig-Holstein: https://www.design-system.sh/
Greece
- Central government: https://guide.services.gov.gr/
New Zealand
- Design system for NZ public sector websites: https://design-system-alpha.digital.govt.nz/
United States
- US Web Design System: https://designsystem.digital.gov/
State and local government
- California design system: https://designsystem.webstandards.ca.gov/
- Hennepin County, Minnesota, pattern and component library: https://www.hennepin.us/pattern-components
- Commonwealth of Massachusetts design system: https://mayflower.digital.mass.gov/home/