CFCU Styling Guide

General Fonts & Sizes

Title Font – ‘Rockwell’ – Headings are not to be bolded or underlined

H1 Heading – 64px – 21pt

H2 Heading – 52px – 16pt

H3 Heading – 42px – 12pt

H4 Heading – 25px – 11pt

H5 Heading – 20px – 8pt
H6 Heading – 16px – 7pt

Body Text – Myriad Pro – 18px – 11pt

*Disclosure Formatting Text – Myriad Pro – 13px – 10pt Italic

 

Site Header

Site Header Example

Top Header Bar Links Font Color – #00C1E4

Top Header Bar Links Font Color (Hover) – #3B3F4A

Top Header Background Color – #FFFFFF

Font – Rockwell – 20px – 8pt

 

Body / Content

Headers Color (H1-H6) – #3B3F4A

Body Copy Color – #787D85

Body Links – #A4CF44 – Underlined & bolded

 

Navigation / Sidebar

Sidebar Example

Navigation Element Links / Backgrounds – #1BC1E3

Font – Rockwell – 16px – 7pt

Text on the above blue button color – #FFFFFF

 

Footer – Banner

connecting with you – 52px

Background – #00C1E4

Font – Rockwell – #FFFFFF

 

Footer Lower

Font – 14px – Myriad Pro

Links Color – #71bede

Font Color – #FFFFFF

Background – #0B3965

Small font – 

<span class="webkit-css-property">font-size</span>: <span class="value">75%</span>;

 

Buttons

Buttons edges to be rounded

border-radius: 30px;


Example Button

Button font – Rockwell – 22px – 9pt

Button font color – #FFFFFF