Style Guide

Please reference the list below whenever you’re creating new images for your site. You should find a size for all possible images you’ll need/use.

Image Sizes

• Webinar Image: 1000px × 445px
• Bio Headshot: 500px × 500px
• Logos (customers/videos): 400px × 300px
• Video Cover: 1000px × 563px
• Full-Width image: 1000px × Any Height
• 5050 Image: 800px × Any Height
• Blog Image: 1000px × 1000px
• Transition Block Image: 400px × Any Height
• Full-Width CTA BG: 1600px × 500px
• Hero BG: 1600px × 800px
• Video Logo: 400px × 300px
• Homepage 2-Across BG: 800px × 500px
• 3-Across Image (in columns or cards): 800px × 500px (or any height as long as they are all the same)
• 3-Across Image for Cards (icons or logos size): 400px × any height (all the same cropped without bottom white space)
• Blurb Icon: 400px × 400px

Font Specifics

• H1 – Lato, 800 • 52px/60px • Color: #0C1930
• H2 – Lato, 400 • 44px/54px • Color: #0C1930
• H3 – Lato, 700 • 36px/46px • Color: #0C1930
• H4 – Lato, 400 • 28px/38px • Color: #0C1930
• H5 – Lato, 400 • 24px/29px • Color: #0C1930
• Subtitle Class / H6 – Lato, 700, ALL CAPS • 16px/19px • Color: #7D8B99 • Letter-Spacing: 2px
• Paragraph – Lato, 400 • 20px/28px • Color: #5D6B78
• Paragraph Light (on dark BGs) – • / • Color: rgba(255,255,255,.8)
• Paragraph Strong – Lato, 700 • 20px/28px • Color: #0C1930
• Testimonial Text – Lato, 400, Italic • 24px/28px • Color: #0C1930
• Inline Link – Lato, 400 • 20px/28px • Color: #13C5BB
• Text Link Class – Lato, 900, ALL CAPS • 16px/19px • Color: #13C5BB
• Button Text – Lato, 900, ALL CAPS • 16px/19px • Color: #FFFFFF
• Form Label – Lato, Bold, ALL CAPS • 14px/19px • Color: #0C1930
• H1 Tablet – • 36px/40px
• H2 Tablet – • 32px/36px
• H3 Tablet – • 30px/34px
• H4 Tablet – • 24px/28px
• H5 Tablet – • 20px/24px
• H1 Mobile – • 30px/34px
• H2 Mobile – • 28px/32px
• H3 Mobile – • 24px/28px

Site Color Values