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.
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.
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.
This "Page Templates" section offers pre-built, responsive page layouts that combine various components to ensure consistent, accessible, and user-friendly experiences across Government of Canada digital services.
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.
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.
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.
City and County of San Francisco's Digital Accessibility and Inclusion Standard which ensures equitable access to all of digital services and web content for San Franciscans.
