Offcanvas
overlay thumb
Ontario Design System

Ontario Design System

Ontario's design system guiding teams in designing mobile-friendly, accessible government websites.

Accessible Components: Built following WCAG and WAI-ARIA guidelines to support inclusive digital experiences.
Customizable Design: Adaptable to various Ontario government services and branding requirements.
Open Source: Free to use and actively maintained by the Ontario Digital Service.
Comprehensive Documentation: Detailed guidelines, usage examples, and best practices for designers and developers.
Regular Updates: Continuously improved with new features, refinements, and accessibility enhancements.
Reusable Components: Prebuilt UI elements such as buttons, forms, tables, and navigation.
Design Tokens: Standardized values for colors, typography, spacing, and UI consistency.
Framework Agnostic: Compatible with multiple frontend frameworks for flexible integration.