US Web Design System

https://designsystem.digital.gov/
https://github.com/uswds/uswds
https://www.npmjs.com/package/uswds

The US government has a design system called the US Web Design System, which is used in different variations across many government websites.

Two I've worked with are:

• VA design system
• CMS design system

The USWDS was started after the excellent UK digital service released the gov.uk design system

It's kind of a pain to get started with, so I made a couple of templates to show how to get started with it, and include automated accessibility checking:

• USWDS HTML starter
  • a template for a static HTML-based site using USWDS, which uses turbowatch to rebuild the site when you make changes to the HTML or CSS
• USWDS NextJS starter
  • a template for a react.js-based website using USWDS and NextJS

JB Hutch made a nice site to document how you can get started with the USWDS and tailwind