Example Format: Design System
-
Government of Canada (GC) Design System
The design system provides standardized components, templates, and design tokens to help developers and designers create consistent, accessible, and user-friendly Canadian government digital services.
-
Boston’s Mattress Recycling Digital Service: Figma Board Artifacts
These Figma artifacts illustrate the end-to-end design of Boston’s digital mattress recycling service, including resident scheduling flows, mobile interfaces, alerts, and design system components.
-
U.S. Web Design System
The U.S. Web Design System (USWDS) is makes it easier to build accessible, mobile-friendly government websites. USWDS is an active open source community of government engineers, content specialists, and designers. Its contributors both in and out of government support dozens of agencies and nearly 200 sites.
-
GOV.UK Design System
A web-based platform that provides design principles, accessible UI components, and guidance to help teams across the UK government create consistent, user-centered digital services.
-
ACCESS NYC Patterns
ACCESS NYC aims to increase the accessibility and convenience of discovering and enrolling in government benefits. These patterns support this work by defining the UI and behavior that New Yorkers experience as they use the site.