Style Guide

Images, Colors, & Font Specs

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

• Homepage Hero Collage Graphic: 850px × 640px
• Mega Menu Highlight Area: 262px × 125px (or any height)
• Interior Header Collage: 865px × 540px
• Testimonial Block Graphic PNG: 300px × 280px
• Mid-Page Testimonial Block Person Collage: 485px × 485px
• Left aligned Icons for columns: 120px × 120px
• Mini Testimonial (Interrupter Block): 230px × 220px
• Footer CTA Collage (Left or Right): 600px × 565px
• Headshot Pointing Button: 90px × 90px
• 5050 Left or Right Image: 950px × 645px
• Success Stories Featured Image: 320px × 270px
• Success Stories Logos: 100px × 65px
• Mini Purple/Orange Icons: 50px × 50px
• Blurb Block Intro Graphic: 100px × 100px
• Resources Featured Video: 400px × 250px
• Resources Featured Guide Image: 400px × 550px
• Partner Logos (full color): 150px × 100px (or any height)

Font Specifics

• Pretitle – MontserratRoman-SemiBold, ALL CAPS • 16px/20px • Color: #666 • Letter-Spacing: 3px • Margin: 0 0 23px 0
• Pretitle MOBILE – • 14px/20px • Letter-Spacing: 1px • Margin: 0 0 15 0
• H1 – MontserratRoman-Bold • 43px/55px • Color: #1F1F1F • Letter-Spacing: -.5px • Margin: 0 0 20px 0
• H1 MOBILE – • 36px/44px • Margin: 0 0 15 0
• Intro Style – Desktop – MontserratRoman-Medium • 25px/42px • Color: #666 • Margin: 0 0 20 0
• Intro MOBILE – • 18px/30px • Margin: 0 0 15 0
• H2 – MontserratRoman-Bold • 40px/50px • Color: #1F1F1F • Margin: 0 0 20px 0
• H2 MOBILE – • 30px/38px • Margin: 0 0 15px 0
• H3 – MontserratRoman-Bold • 38px/47px • Color: #1F1F1F • Margin: 0 0 20px 0
• H3 MOBILE – • 26px/38px • Margin: 0 0 15px 0
• H4 – MontserratRoman-Bold • 32px/44px • Color: #1F1F1F • Margin: 0 0 20px 0
• H4 MOBILE – • 22px/30px • Margin: 0 0 15px 0
• H5 – MontserratRoman-Bold • 28px/40px • Color: #1F1F1F • Margin: 0 0 20px 0
• H5 MOBILE – • 21px/28px • Margin: 0 0 15px 0
• H6 – MontserratRoman-Bold • 22px/32px • Color: #1F1F1F • Letter-Spacing: -.5px • Margin: 0 0 20px 0
• H6 MOBILE – • 20px/26px • Margin: 0 0 15px 0
• Paragraph Text – MontserratRoman-Regular • 19px/34px • Color: #1F1F1F • Margin: 0 0 25 0
• Paragraph Text MOBILE – • 16px/28px • Margin: 0 0 20px 0
• Links – MontserratRoman-SemiBold • / • Color: #8162A9
• Hover Links – • / • Color: #8162A9
• Bulleted List – MontserratRoman-SemiBold • 19px/22px • Color: #1F1F1F • Margin: 0 0 20px 0
• Bulleted List MOBILE – • 15px/20px • Margin: 0 0 15px 0
• Large Testimonial Text – MontserratRoman-Regular • 32px/44px • Color: #1F1F1F • Letter-Spacing: -.5px • Margin: 0 0 25px 0
• Large Testimonial Text MOBILE – • 28px/44px • Margin: 0 0 20px 0
• Byline for Testimonial – MontserratRoman-Regular • 19px/34px • Color: #1F1F1F • Margin: 0 0 25px 0
• Byline for Testimonial MOBILE – • 16px/28px • Margin: 0 0 20px 0

Site Color Values