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

• Homepage Hero Ken Burns: 1800px × 650px
• Interior Page Header Image: 1800px × 450px
• Video Image 16:9 Ratio: 1200px × 675px
• Testimonial Headshot: 150px × 150px
• 50/50 Page Block Image or Gallery Image: 1000px × 700px (or larger height)
• Footer CTA Background Image: 1800px × 650px
• Interrupter CTA Image: 1000px × 500px
• Featured Images (Blog, Events, Research, Seminars): 600 × 650

Font Specifics

• H1 – Desktop – Gotham Book • 45px/55px • Color: #000000 • Letter-Spacing: -.75 • Margin: bottom-padding 26px
• Intro Style – Desktop – Gotham Medium • 23px/35px • Color: #4E4B48 • Letter-Spacing: -.5 • Margin: bottom-padding 30px
• H2 – Desktop – Gotham Book • 40px/47px • Color: #000000 • Letter-Spacing: -.75 • Margin: bottom-padding 25px
• H3 – Desktop – Gotham Book • 38px/45px • Color: #000000 • Letter-Spacing: -.75 • Margin: bottom-padding 17px
• H4 – Desktop – Gotham Book • 33px/42px • Color: #000000 • Letter-Spacing: -.75 • Margin: bottom-padding 20px
• H5 – Desktop (blurb titles) – Gotham Medium • 25px/30px • Color: #000000 • Letter-Spacing: -.5 • Margin: bottom-padding 28px (this includes the 50px line)
• H6 – Desktop – Gotham Medium • 20px/25px • Color: #000000 • Letter-Spacing: -.5 • Margin: bottom-padding 25px
• Pretitle Style – Desktop – Gotham Bold, ALL CAPS • 13px/15px • Color: #4E4B48 • Letter-Spacing: +3.5 • Margin: bottom-padding 10px
• Pagargraph Style – Desktop – Gotham Book • 19px/35px • Color: #4E4B48 • Margin: bottom-padding 25px
• Blurb Paragraph Text – Desktop – Gotham Book • 17px/26px • Color: #000000 • Letter-Spacing: -.5 • Margin: bottom-padding 45px
• Paragraph Links – Desktop – Gotham Medium • / • Color: #007ab8 – brand blue
• Button Text on Desktop – Gotham Bold, ALL CAPS • 15px/20px • Color: #000000
• Quote/Testimonial Style – Desktop – Gotham Book • 21px/33px • Color: #FFFFFF • Margin: bottom-padding 20px
• H1 – Mobile – • 30px/37px
• Intro Style – Mobile – • 16px/26px • Letter-Spacing: -.5px
• H2 – Mobile – • 28px/37px • Letter-Spacing: -.5px
• H3 – Mobile – • 26px/35px • Letter-Spacing: -.5px
• H4 – Mobile – • 24px/34px • Letter-Spacing: -.5px
• H5 – Mobile – • 23px/30px • Letter-Spacing: -.5px
• H6 – Mobile – • 20px/25px • Letter-Spacing: -.5px
• paragraph text – mobile – • 15px/27px • Letter-Spacing: -.5px
• paragraph links – mobile – • 15px/27px • Letter-Spacing: -.5px
• Quote/Testimonial Style – Mobile – • 16px/29px
• Pretitle style – mobile – • 12px/15px • Letter-Spacing: 3px
• Blurb Paragraph Style – Mobile – • 15px/25px

Site Color Values

	#FFFFFF
	#000000
	#00818c
	#5f259f
	#c25313
	#007ab8
	#5a7f00
	#a51890
	#FFC600
	#4E4B48