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