Example Format: Design System
-
The NYC Opportunity Standard
The design system for NYC Opportunity's digital products. It is ideally suited for building catalogs of City services and online applications, providing simple and flexible CSS and JavaScript-based components and utilities for building user interfaces quickly and easily.
-
Hennepin County Pattern and Component Library
A library of design elements to help guide developers in building and/or updating websites or applications in Hennepin County (MN).
-
MCPL Website Redesign General Plan
The Montgomery County Public Libraries (MCPL) website redesign plan outlines how to improve user access to resources through inclusive design and better navigation. It also shares goals of best practices in UX design with the public library community to promote digital equity. The project involves collaboration with the MCPL Digital Strategies Team and other partners, focusing on redesigning content for early literacy, teens, and children.
-
Government of Canada (GC) Design System Styles
This "Styles" section introduces design tokens that encode brand and design decisions for basic style elements like colors, typography, and spacing, ensuring consistency across Government of Canada digital services.
-
MCPL Website Redesign Drafts
The folder for the Montgomery County Library Website Redesign contains draft materials, including design specifications of the current menu, an audit of menu items, and wireframes for the new homepage layout, providing a foundation for the site's improved structure and navigation.
-
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.
-
Maryland Digital Playbook
The playbook is a comprehensive guide developed by the Maryland Department of Information Technology to assist state agencies in creating consistent, user-centered, and accessible digital services.
-
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.
-
Government of Canada (GC) Design System Components Repository
This is a monorepo managing the web components of the Government of Canada's Design System, facilitating the creation of consistent and accessible 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.
-
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.
-
Orchard Design System
Orchard is Georgia's official design system. Orchard makes it easy to quickly build an accessible, mobile-friendly, and uniform digital experience.