Home    |   Design and Guide

Global Style Guide
Media, Fonts, Layouts and styles

A holistic set of standards that defines your company’s online branding. It references tone, media usage, colors, visuals, fonts usage, and more.

Color palette

These text modules include background colors and hex codes for the colors to be used throughout the site. Copy and paste the hex codes as needed.

#007dc3​

#d4b012

#a13359

#de7008

#008ac4

#54c247

#6ec9e0​

#9900ab

#c7ab99

#5cc9ba

#0057a6

#000000

#333333

#f2f2f2

#ffffff

#0c7cb9

#3aaed7

Text styles

Heading 1

Heading 1

Heading 2

Heading 2

Heading 3

Heading 3

Heading 4

Heading 4

Body

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

All in one

Heading 1

Heading 2

Heading 3

Heading 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor

BUTTON MODULES

Button 1

Button 2

Toggle style

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Image sizes

It’s a best practice to keep the image weight below 200kb.

Homepage Banner

1920 x 871px

File type: JPG

Homepage – Tab Image

544 x 284px

File type: PNG

Homepage – Featured Programs

787 x 445px

File type: JPG

Homepage Footer Image

212 x 190px

File type: JPG

Innerpage Banner

1920 x 491px

File type: JPG

Did You know background

1920 x 340px

File type: JPG

Employers

454 x 303px

File type: JPG

Cedar Clinics

835 x 556 px

File type: JPG

Wellness Image one

507 x 449 px

File type: JPG

Wellness Image two

1314 x 851px

File type: JPG

News Thumbnail

780 x 434px

File type: JPG

Resources Thumbnail

168 x 219px

File type: JPG

x