Style Guide
Standard Colors
Primary
Ruby
#550527
Secondary
Smoke Blue
#2176ae
Tertiary
Burgundy
#422d3f
Background
Snow
#f8f8f8
Link
Blue
#30BCED
Deep Colors
Primary
Deep Ruby
#3e041d
Secondary
Deep Smoke Blue
#154c6f
Tertiary
Deep Burgundy
#31212e
Background
Deep Snow
#cbcbcb
Link
Deep Blue
#2389ad
Pale Colors
Primary
Pale Ruby
#834961
Secondary
Pale Smoke Blue
#71a7cb
Tertiary
Pale Burgundy
#756673
Background
Pale Snow
#fafafa
Link
Pale Blue
#68cef1
Colors Uses
Light Background
Snow
#f8f8f8
Dark Background
Burgundy
#422d3f
Information and Navigation
Ruby
#550527
Call to Action
Smoke Blue
#2176ae
Other Colors
Black
#100
Font Colors
Snow background with black text
Background with deep snow text
Buttons and Call to Action
H1 Title
Only one H1 title should exist on a page. Generally this will come from the body of the page or blog post.
H2 title
H2 titles are designed to be placed on top of images. If They are not placed on an image the color should be overriden with the primary color. The H2 text should be title case and contain no periods.
H3 title
H4 title
H5 title
H6 title
H1 and H3 - H6 titles should have sentence case and should contain no periods.
This is example paragraph text.
Images
Desktop hero images
Desktop hero images should be at least 1,000px wide and have a 3:1 aspect ratio.
Mobile hero images
Mobile hero images should be exactly 800px wide and have a 2:3 aspect ratio.
Blog hero images
Blog hero images should be 800px wide and should have a 3:2 aspect ratio.