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 2
Heading 3
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.
Link
All in one
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.
BUTTON MODULES
Button 1
Button 2
Toggle style
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, 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, 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, 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
