The Bank of Canada Design System is a “just enough documentation” approach to capturing the patterns and standards of our web framework. It’s an iterative, collaborative resource intended to help scale the Bank’s digitalization efforts.

In this system:

  • Design—patterns for colour, typography, and layout
  • Components—usage notes for buttons, banners, and other reusable elements
  • Charts—standards for choosing and implementing charts
  • Accessibility guidelines


We’ve embedded content guidance directly into the documentation for this design system. We believe that content and design are symbiotic and inseparable, so we’re taking an integrated approach to documenting them just as we do with implementing them.

That said, we've also included our guiding principles for content.

Change theme
Change theme