01. Colors02. Typography03. Component

Colors

Primary Color - #0BBC5C

Secondary Color - #3F3A64

Body Color - #8C89A2

Typography

Aa

Radio Canada

Headings

Heading h1

H1 - 48px/58px - 700 - Radio Canada

Heading h1 big

H1 big - 64px/72px - 700 - Radio Canada

Heading h2

H2 - 42px/54px - 700 - Radio Canada

Heading h3

H3 - 24px/30px - 700 - Radio Canada

Heading h4

H4 - 20px/25px - 700 - Radio Canada

Others

Body

Body Typography

16px/28px - 400 - Radio Canada

Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

p - 16px/28px - 400 - Radio Canada

Link

Text Link
Text Link - 16px/28px - 700 - Radio Canada

Section Sub Title

Section Sub Title
Text Block - 16px/28px - 500 - Radio Canada

List

  • Lorem Ipsum is simply dummy text of print.
List - 16px/28px - 400 - Radio Canada

Container

Max-Width - 1200px

Button

Button Text
Button Primary - 14px/28px - 700 - Radio Canada
Button Text
Button Secondary - 14px/1EM - 700 - Radio Canada
Learn More
Button Outline - 14px/1EM - 700 - Radio Canada

Block Quote

HR consulting is the bridge between the goals of an organization and the potential of its people. It's about aligning the needs of the business with the needs of the employees, so that everyone can thrive. It's about unlocking the full potential of the workforce, not just to achieve short.