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

• “Hero Pageblock” Image (animated .svg, or static .jpg): 750px × Any Height
• “Image / Text Pageblock” Image (the basic 2-Column pageblock): 750px × 500px
• Video Embed Overlay Image: 750px × 422px
• “Featured Content Pageblock” Image: 750px × 500px
• “Logos Pageblock” Image: 150px × 100px
• “Large Image / Text Pageblock” Image: 1200px × 800px
• “Testimonial Pageblock” Headshot Image (could be used for a company logo, too): 75px × 75px
• “CTA Pageblock” Image: 900px × 600px
• Post Type Featured Image (upload size): 900px × 600px
• “Tabs / Carousel Pageblock” Image: 900px × 600px
• “Multi-Column Blurb with Image Pageblock” (both regular style and card style): 750px × 500px

Font Specifics

• H1 (Default) – Europa, 300 • 28px/1.16 • Color: #000000 • Letter-Spacing: .5px • Margin: 0 0 20px
• H1 (≥ 768px) – • 35px/
• H1 (≥ 1200px) – • 42px/
• H2 (Default) – Europa, 700 • 25px/1.2 • Color: #000000 • Letter-Spacing: .5px • Margin: 0 0 20px
• H2 (≥ 768px) – • 28px/
• H2 (≥ 1200px) – • 30px/
• H3 (Default) – Europa, 700 • 17px/1.35 • Color: #000000 • Letter-Spacing: .5px • Margin: 0 0 10px
• H3 (≥ 768px) – • 18px/
• H4 (Default) – Europa, 700 • 17px/1.35 • Color: #000000 • Letter-Spacing: .5px • Margin: 0 0 10px
• H4 (≥ 768px) – • 18px/
• H5 (Default) – Europa, 700, ALL CAPS • 15px/1.5 • Color: #000000 • Letter-Spacing: .5px • Margin: 0 0 10px
• H5 (≥ 768px) – • 16px/
• H6 (Default) – Europa, 700 • 15px/1.5 • Color: #000000 • Letter-Spacing: .5px • Margin: 0 0 10px
• H6 (≥ 768px) – • 16px/
• body, p, ol, ul (Default) – Frutiger, 400 • 14px/1.8 • Color: #676E75 • Letter-Spacing: .25px • Margin: 0 0 25px
• body, p, ol, ul (≥ 768px) – • 15px/
• p.intro (Default) – • 17px/1.4
• p.intro (≥ 768px) – • 20px/
• p.intro (≥ 1200px) – • 22px/
• Blockquote p (Default) – • 17px/1.4 • Color: #37373D
• Blockquote (≥ 768px) – • 20px/
• Blockquote (≥ 1200px) – • 22px/
• Pre-Title (Default) – Europa, 700, ALL CAPS • 10px/1.25 • Color: #676E75 • Letter-Spacing: 3px • Margin: 0 0 20px
• Pre-Title (≥ 768px) – • 11px/
• Pre-Title (≥ 1200px) – • 12px/
• Testimonial Quote Call-Out (Default) – Europa, 700 • 25px/1.2 • Color: #FFFFFF • Letter-Spacing: .5px • Margin: 0 0 20px
• Testimonial Quote Call-Out (≥ 768px) – • 28px/
• Testimonial Quote Call-Out (≥ 1200px) – • 35px/
• Testimonial Full Quote (Default) – Frutiger, 400 • 17px/1.4 • Color: #FFFFFF • Letter-Spacing: .25px • Margin: 0 0 25px
• Testimonial Full Quote (≥ 768px) – • 20px/
• Testimonial Full Quote (≥ 1200px) – • 22px/
• 2-Across Blurb/Card Header/H3; 3-Across Blurb/Card Header/H3; Featured Resource from Resource Feed Header/H3 (≥ 1200px) – • 25px/
• Logo Block Header – *See H6 Styling • /
• “Enlarged H3” (Interruptor Block header, and header for “Tabs” pageblock) (Default) – Europa, 700 • 22px/1.2 • Color: #000000 • Letter-Spacing: .5px • Margin: 0 0 10px
• “Enlarged H3” (Interruptor Block header, and header for “Tabs” pageblock) (≥ 1200px) – • 25px/

Site Color Values