What's new:

Check here for the latest site updates and important annoucements.

  • AODA Requirement in effect as of January 1, 2021. Learn more.

    Recent updates:
    • PDF documentation now lives under the Accessibility tab, here.
    • New device requirements added to Development tab for iOS, Android, and Voiceover with Safari on iOS.
    • If you need any support on accessibility, please reach out to Digital Solutions at digital_solutions@cooperators.ca or Enterprise Compliance at kimberly_hutchison@cooperators.ca.
    • Create a backup copy of your PDF document before using any accessibility tools in Adobe Acrobat Pro DC. Some changes cannot be reversed after an update has been made.

Front-End Style Guide

These standards, patterns and principles are results of our constant push within our organization for a better web experience for our clients.

The purpose of this website is to align Front End web development teams. The goal is to create a better web experience for clients with site-wide coherence, branding and accessible content by implementing the standards, patterns and principles found under each section on this site.

Accessibility at The Co-operators.
Includes: Overview of AODA/WCAG requirements and full PDF accessibility guide.

Overview of the web analytics used on Cooperators.ca.
Includes: Code snippets and instructions on how to implement

Breakdown and code snippets for elements found on our websites.
Includes: Color schemes, typography, reusable components (ie. banners, sidebars, navigation, Marketo form etc.), iconography.

Overview of the technologies used in development.
Includes: Versions in use, frameworks, browsers, devices, and screenreaders used for testing accessibility.

OLS 1.0 and OLS 2.0

OLS 1.0 style Guide

MVP Design System – Client (OLS 2.0) and Advisor Platforms