This is the Partnership’s web design style guide — also known as digital style guide. This is a resource where we’ve collected and stored all design elements and rules for our website. It's comprised of graphic elements, typography, color scheme, and general formatting for developers to reference and follow for cohesive website composition.
Montserrat, sans-serif
H1. This is a Page Title.
H2. This is a header.
H3. This is a medium header.
H4. This is a sidebar header.
H5. This is a small header.
H6. This is a tiny header.
A general paragraph will look like this. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy.
Other font property:
page-title
page-sub-title
Primary
Secondary
Annaul Report Key Colorrs
Link Text (Normal & Hover)
Column
Text Container
Row
Strong is used to indicate strong importance
The i element is text that is set off from the normal text
The u element is text with an unarticulated, though explicitly rendered, non-textual annotation
This small text is small for for fine print, etc.
This text is a short inline quotation
This is a citation
This is a superscript tag
This is a subscript tag
This is a code tag
This is a acronym tag support HTML4
This is a abbr tag support HTML5
This is a pre tag
"This stylesheet is Blockquote."
- HTML Tag
"This stylesheet is Blockquote (2)."
- HTML Tag
Video layout 1
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
ButtonVideo layout 2
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
ButtonVideo layout 3
Lorem Ipsum
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
ButtonVideo layout 4
Lorem Ipsum
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
ButtonVideo layout 5
Lorem Ipsum
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
ButtonVideo layout 6
Lorem Ipsum
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
ButtonDefinition List
- Definition List Title
- This is a definition list division.
Ordered List
- List Item 1
- List Item 2
- List Item 3
Unordered List
- List Item 1
- List Item 2
- List Item 3
Template List Layout
Lorem Ipsum
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
-
Lorem Ipsum is simply
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s -
Lorem Ipsum is simply
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s -
Lorem Ipsum is simply
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
Table 1 (General Information)
| Column | Column | Column | Column |
|---|---|---|---|
| Row | Row | Row | Row |
| Row | Row | Row | Row |
| Row | Row | Row | Row |
| Row | Row | Row | Row |
| Row | Row | Row | Row |
Table 2 (Pricing Data for English)
| Column | YYYY | YYYY |
|---|---|---|
| Row | 9,999,999 | 9,999,999 |
| Row | 9,999,999 | 9,999,999 |
| Row | 9,999,999 | 9,999,999 |
| 9,999,999 | 9,999,999 | |
| Row | 9,999,999 | 9,999,999 |
Table 3 (Pricing Data For French)
| Column | YYYY | YYYY |
|---|---|---|
| Row | 9 999 999 | 9 999 999 |
| Row | 9 999 999 | 9 999 999 |
| Row | 9 999 999 | 9 999 999 |
| 9 999 999 | 9 999 999 | |
| Row | 9 999 999 | 9 999 999 |
Home Page Card 1
Content title
This is the content of the callout section
Home Page Card 2
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
Topic Card
News Card
News & Event Card
Circle Image Card
Card Title
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
Card Button Card Button
Card Title
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
Card Button Card Button
Card Title
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
Card Button Card Button
Card Title
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
Card Button Card ButtonSimple Card
Report Listing Card
Callout Box - Full width
Callout Box - Full width with shadow
Callout Box - Left content
Title
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Callout Box - Right content
Title
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
ButtonTitle
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
ButtonCallout Box - Stick to right
Content
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Callout Box - Stick to left
Content
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Glance 1
Lorem Ipsum is simply dummy text
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
Peoples-specific priorities
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.2
Accordion
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Story (Full content display)
Stories of progress
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s
Story (Content Expand/Collapse display)
Stories of progress
Expert advisors
Meet the expert advisors who guide our work.
To achieve the work of the Canadian Strategy for Cancer Control (the Strategy), the Partnership engages with experts from across the country. These relationships foster collaboration and deepen the involvement of a cross-section of cancer and health system experts, clinicians, healthcare providers, patients, and families to inform the development and implementation of initiatives. As steward of the Strategy, the Partnership’s work is enriched through the involvement of those who devote their time, knowledge and expertise to further the shared priorities.
First Nations, Inuit and Métis advisors
First Nation, Inuit and Métis advisors provide advice and guidance regarding the Partnership’s work with First Nations, Inuit and Métis.
-
Lea Bill -
Gail Turner -
Susie Hooper
Health equity advisors
Health Equity Advisors guide the Partnership’s efforts to achieve equitable access to quality cancer care for all people in Canada.
- Dr. Christian Finley
- Carole Mayer
- Dr. Sian Shuel
Screening expert advisors
Screening expert advisors guide the Partnership’s work in strengthening screening efforts and achieving equitable access to quality cancer screening across Canada.
- Dr. Monique Bertrand
- Gregory Doyle
- Dr. Stephen Lam
- Dr. Linda Rabeneck
Additional expert advisors
In addition to the groups above, the Partnership also works with other expert advisors to align efforts and drive the Strategy forward.