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.
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.
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.
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.
This design system accessibility checklist ensures that all components and design tokens meet or exceed the WCAG 2.1 AA standards, aligning fully with Government of Canada accessibility requirements.
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.
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 Figma library offers designers a comprehensive set of pre-built components and templates to create consistent and accessible digital services for the Government of Canada.
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.
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.
