OVERVIEW

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.

FONTS

Montserrat, sans-serif

TYPOGRAPHY

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

COLORS

Primary

#0067b1
#faaa5f
#f2f5f7
#4a4a4a

Secondary

#1e2428
#a1b1ba
#b55c03
#571600
#dbe8c4
#fbac5f
#064575
#edf8f9
#fecf33
#d81619
#9b5ba5
#8c4217
#effafb

Annaul Report Key Colorrs

#953ba8
#098567
#5a3e98
#c74500
#b11030

Link Text (Normal & Hover)

#004a80
#b55c03
SPACING

Column

padding-left: 12px; padding-right: 12px; margin-bottom:20px;
padding-left: 12px; padding-right: 12px; margin-bottom:20px;

Text Container

padding: 16px 24px;

Row

margin-top:30px; margin-bottom:
margin-top:30px; margin-bottom:
INLINE ELEMENTS

This is a text link

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

jeune femme
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.
FORM ELEMENTS

Text Field:

Text Area:

Select Element 1:

Select Element 2 (Strategy Page):

Radio Buttons:

Checkboxes:

Video

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

Button

Video 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

Button

Video 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

Button

Video 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

Button

Video 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

Button

Video 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

Button
LIST ELEMENTS

Definition List

Definition List Title
This is a definition list division.

Ordered List

  1. List Item 1
  2. List Item 2
  3. 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
TABLES

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
DASHBOARD
CARD

Home Page Card 1

Label Title Here

Content title

This is the content of the callout section

Home Page Card 2

Label Title Here

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
text

Topic Card

News Card

News & Event Card

Circle Image Card

jeune femme

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
jeune femme

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
jeune femme

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
jeune femme

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

Simple Card

Report Listing Card

CALLOUT

Callout Box - Full width

Content Title

This is the content of the callout section

Callout Box - Full width with shadow

Content Title

This is the content of the callout section

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.

Button

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.

Button

Callout 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

Glance 1

ACCORDION

Accordion

  1. 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
  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
  3. 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

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

jeune femme

Story (Content Expand/Collapse 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

jeune femme

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

jeune femme
DEMO CONTENT

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.

  • photo of Lea Bill
    Lea Bill
  • X
    Lea Bill
    First Nations Advisor

    Lea Bill is Cree and originates from the Pelican Lake First Nation in Saskatchewan. Lea is a Registered Nurse and the Research and Oversight Engagement Project Manager at Alberta First Nations Information Governance Center. Lea is also the President of the Canadian Indigenous Nurses Association (C.I.N.A.). She has served as a Board Director for Aboriginal Nurses Association from 1990 -1994 and as President from 1994-1999.

    As a Traditional practitioner, Lea applies an integrated approach to her practice combining her Indigenous knowledge with her nursing knowledge, bio-energy sciences and the research field.

    Lea has been leading people in native spiritual discovery processes for more than 25 years through ceremony, vision quests and teaching the beauty and the wisdom of indigenous technology, specifically the use and application of circle knowledge and natures wisdom. With more than 30 years of experience working in the health field in Community Health and Home Care, Lea continues to advocate for health equity for First Nation, Inuit and Métis peoples.

    Her nursing career has provided the opportunity to work in many First Nation communities, including the Northwest Territories at the local and the national level.

  • photo of Gail Turner
    Gail Turner
  • X
    Gail Turner
    Inuit Advisor

    Gail Turner is Inuit, and a beneficiary of the Labrador Inuit Land Claim. She retired in 2012 from the position of Director of Health Services for the Nunatsiavut Government, Northern Labrador. She holds a Bachelor of Nursing degree from Memorial University of Newfoundland, a Master’s of Adult Education from St. Francis Xavier University, and many additional certificates in health and administration through distance programs.

    Her early career was spent in acute care nursing in Ontario and the United Kingdom. For the last twenty- six years she has been working in Labrador with Inuit, Southern Inuit of NunatuKavut, settlers, First Nations, and since 2004 exclusively with the Inuit. She has presented on Inuit health at provincial, regional, national and international meetings and symposiums, including the World Cancer Congress in 2011.

    Her work has been focused in public health but she has also managed remote community clinics and continuing care. She is passionate about the North and the need for First Nations, Inuit and Métis to be heard and truly engaged in the planning of their health care and the promotion of optimal health. Her growing interest is in health equity and the pressing need for innovative and community-based solutions for bringing health care service to the people.

    Gail has served as the Indigenous Director on the Board of the Canadian Partnership Against Cancer. She is a recent recipient of the Labradorians of Distinction Award for services to health and community. As a senior she has a growing interest in senior wellness, access to appropriate home care and long- term care when needed and ageing in place.

  • photo of Susie Hooper
    Susie Hooper
  • X
    Susie Hooper
    Métis Advisor

    Susie is a proud Métis Citizen of Métis Nation British Columbia and a dedicated representative of her region and communities.  Susie has been serving her region and Métis communities as the Métis Nation British Columbia Northwest Regional Director since 2012. She also serves as the Minister of Health and Minister of Employment & Training with the Métis Nation British Columbia. Prior to this, Susie held the position of the Métis Women’s Regional Representative.

    Susie’s tireless support and efforts through her volunteer work with and for her communities has been recognized by the Mayor of Smithers, BC, His Worship, Taylor Bachrach when she received the Citizen/Volunteer of the year award in 2016, at the Smithers Chamber of Commerce Community and Business Awards 2016.

Health equity advisors

Health Equity Advisors guide the Partnership’s efforts to achieve equitable access to quality cancer care for all people in Canada.

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.

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.