Example Human-Centered Design User Experience + Product (UX)

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.

Organization: Government of Canada
Published Year: 2024

The GC Design System offers a collection of reusable user interface components, page templates, and design tokens that encapsulate brand and design decisions in code.

These resources are designed to ensure a unified and trustworthy experience across Government of Canada digital services. The system supports multiple frameworks, including Angular, React, and Vue, and provides a bilingual Figma design library for rapid prototyping. Currently in its alpha phase, the design system invites public servants to experiment with its offerings and contribute feedback for improvement.

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.