TC Design

Design systems and standards

External applications

Current

External-facing applications (the Canadian public, other government departments, commercial/industry clients) employ the Centrally Deployed Templates Solution (CDTS) to implement Canada.ca branding and theming. The CDTS includes the Web Experience Toolkit and implements the Canada.ca design. Please see:

Centrally Deployed Templates Solution (CDTS)

Canada.ca design system

Figma logo GC Design Library (Figma) This Figma library is owned and maintained by a team at the Canada Revenue Agency (CRA).

Future

One recognized limitation of the CDTS is that it was designed for content pages and not for complex web applications. In the summer of 2023, the Canadian Digital Service (CDS) and the Digital Transformation Office (DTO) merged and are in the process of creating a cohesive design system for the Government of Canada.

This project is called the GC Design System and is in an alpha phase. Team Orcas is currently doing a pilot project with this design system. Once their pilot has been launched, their findings and lessons learned will be captured and linked here.

GC Design System

Figma logo GC Design System (Figma) This is an instance of the GC Design System library that is being hosted by the MAACE Figma team. The source version of the GC Design System library is owned by the Canadian Digital Service.

Internal applications

The Government of Canada does not have a design system for internal applications. However, in Marine and Civil Aviation at Transport Canada we introduced the Telerik component library in September 2022. The goals of purchasing this component library were to achieve closer alignment between design and implementation, help our teams meet our standards for responsive design and accessibility, and create more consistency across Marine and Civil Aviation products.  

Since then, we have also created a theme with a common look and feel and a pattern library that includes guidelines and examples on how to use various Telerik components. Please see:

MAACE Internal Theme 

MAACE Design Pattern Library

Telerik UI Kit

Figma logo (3.0) Telerik & Kendo UI Kit – Internal (Figma) This is an instance of the Telerik & KENDO UI Kit 3.0 for Bootstrap that has been modified to include our fonts and colour styles and is being hosted by the MAACE Figma team. The source version of the Telerik & KENDO UI Kit 3.0 for Bootstrap library is owned by Progress Telerik.

 

TC Design