Components
Components are the reusable building blocks of our design system. Use them to create websites and applications, and ensure a seamless user experience across Ontario government properties.
Essential styles
The Ontario Design System’s essential styles. You must use these to build the foundation of all public-facing websites or applications.
Headers and Footers
Structural elements at the top and bottom of websites and applications. They provide branding, navigation links and additional information.
Page content
Components to structure and present the in-page content.
Forms and inputs
Components to build web forms and capture user input.
Navigation
Components to help the user navigate on the current page, or from one page to another.
System feedback
Components to inform the user, such as alerts, notifications and cookies.
Search
Design solutions for search boxes, sorting and filtering.
Images and icons
Guidance on using images and icons to visually represent information.
If you have any questions or feedback, please get in touch.