Language selection


Designing content on design system

The templates, page layouts and design patterns have been developed to support departments in designing web content that will help people complete their tasks.

On this page

How to design for

When designing content, always focus on the task. All design decisions should make it easier for people to:

Template and pattern library for

Find the template or pattern you need for your content

Content style guide

Writing principles and techniques to make content clear and accessible to all

Design principles is based on the following principles.

Open, collaborative concept design

The rules and concepts presented in this design system have been developed in collaboration with Government of Canada Theme lead departments. Other departments and agencies have also provided input.

We are actively engaging with the community in several ways:

  • a social media presence, through the use of #Canadadotca
  • a blog that presents our work
  • regular meetings with the Theme lead departments
  • events and presentations for all departments and agencies

Evidence-based iteration

The rules and concepts presented here have been designed and revised based on evidence of people’s needs and their success on the site.

the structure of the main menu was based on an understanding what canadians are looking for. this came from a review public web usage data. data collected across government departments and agencies.

The IA, templates and patterns have been adjusted since 2013. This reflects the outcomes of user research and usability testing with thousands of Canadians. Usability tests have been performed in English and French, on mobile, tablet, and desktop environments, and with assistive technologies.

As new research and testing is undertaken and departments try new ideas, this design system will continue to be updated.

This system is a living and evolving toolbox. Its role is to help departments save time and money by using existing patterns and styles for their specific content. It provides a consistent framework for the Government of Canada web presence, while being flexible enough to allow innovative design solutions.

People first is based on user needs. It ensures that the most in-demand information and services are easy to find, understand and use.

Non-priority content must not interfere with someone’s ability to find what they are looking for. Content must be organized to present a government-wide perspective to users, wherever possible. For example, information from multiple departments on the same topic of public interest must be grouped together. When duplicate content is identified, it should be removed. must provide current, relevant, accurate, unique and authentic information about the Government of Canada’s programs and services. This reduces confusion for people.

Content for which the Government of Canada is not clearly the authoritative source must not be published on Instead, can refer to this content by providing links to an external source.

To ensure content is always current, it must be actively managed throughout its life cycle. This is required by the Government of Canada Information Management policy requirements.

Task-centred approach

People visit to complete a task. A task is something a person has set out to do. To accomplish a task, a person may need to read a web page or undertake a complex transaction online. All content supporting a task should be simple, consistent and predictable.

The design system provides people with consistent navigation, content labels, templates and patterns. Whether they enter pages directly through Internet search engines or by way of social media or direct traffic, consistency helps ensure users can find, begin, and complete the most in-demand tasks.

Optimized for mobile devices

Canadians are increasingly using mobile devices, including tablets and smart phones.

The existing design helps people easily find the same content on either their mobile or desktop device. The design system, including Web Experience Toolkit (WET) templates and design components, have been tested and verified as mobile-friendly.

A separate mobile instance of the site is not needed.

To perform well on mobile devices, the IA is as simple and as flat as possible. In-page navigation is more effective than menus and page sizes must be limited. The content specifications and writing guidance take this mobile context into account. They also specify how to create content that will be easily downloaded on mobile devices. This allows people to access information quickly while on the go.

Integrated with search

The IA must be well integrated with the site’s search function. This integrated approach:

  • provides people with the necessary navigation cues, when search doesn’t take them to the right place
  • ensures filters are based on the underlying IA, such as the topic structure, to improve overall search precision and relevance

Help improve this design system

When designing for, keep in mind that the measure of success is more than just conformity to guidelines. It is equally important to help users successfully complete their tasks. Improving the rules is encouraged. Always share your ideas to make things better with the Digital Transformation Office at

Page details

Date modified: