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 Image: 1800 × 600
- 50/50 Image: 670 × 550
- Testimonial Video Thumbnail: 600 × 380
- Call to Action 50/50 Image: 900 × 480
- 50/50 Video Thumbnail: 670 × 380
- Call to Action Full-Width Image: 1800 × 480
- White Paper Template Image: 210 × 270
- Faculty Profile Image: 320 × 320
- Sidebar Image: 600 × 400
- Interior Template Image: 780 × Any Height
- Ad Placement (Full-Width): 1370 × 200
- Ad Placement (Sidebar): 320 × 210 (or Any Height)
- Testimonial Background Image: 1800 × 690 (or Any Height)
Font Specifics
- H1 – Mobile – Gibson, 300 • 36/40 • Color: #1A1A1B • Margin: 0 0 20 0
- H1 – Tablet – Gibson, 300 • 40/45 • Color: #1A1A1B • Margin: 0 0 20 0
- H1 – Gibson, 300 • 48/54 • Color: #1A1A1B • Margin: 0 0 20 0
- H2 – Mobile – Gibson, 300 • 30/36 • Color: #1A1A1B • Margin: 0 0 20 0
- H2 – Tablet – Gibson, 300 • 36/46 • Color: #1A1A1B • Margin: 0 0 20 0
- H2 – Gibson, 300 • 36/42 • Color: #1A1A1B • Margin: 0 0 20 0
- H3 – Mobile – Gibson, 300 • 24/27 • Color: #1A1A1B • Margin: 0 0 20 0
- H3 – Tablet – Gibson, 300 • 30/34 • Color: #1A1A1B • Margin: 0 0 20 0
- H3 – Gibson, 300 • 30/38 • Color: #1A1A1B • Margin: 0 0 20 0
- H4 – Gibson, 300 • 24/30 • Color: #1A1A1B • Margin: 0 0 10 0
- H5 – Gibson, 600, ALL CAPS • 18/21 • Color: rbg (0, 0, 0, 20) • Letter-Spacing: 2 • Margin: 0 0 20 0
- H6 – Gibson, 600 • 18/30 • Color: #1A1A1B • Margin: 0 0 20 0
- Paragraph Intro Text – Freight Sans Pro, 600 • 24/36 • Color: #1B1B1B • Margin: 0 0 20 0
- Paragraph Text – Open Sans, 400 • 16/34 • Color: #1A1A1B • Margin: 0 0 20 0
- Paragraph Link – Open Sans, 700 • 16/34 • Color: #0C809D • Margin: 0 0 20 0
- Link Hover – Open Sans, 700 • 16/34 • Color: #0F9CBF • Margin: 0 0 20 0
- Call to Action Link – Freight Sans Pro, 600, ALL CAPS • 18/26 • Color: #0C809D • Letter-Spacing: 1 • Margin: 0 0 20 0
- Blockquote – Gibson, 300 • 34/38 • Color: #2D2926 • Margin: 10 0 30 0
- Testimonial Text – Freight Sans Pro, 500 • 28/40 • Color: #6E6E6E • Margin: 0 0 30 0
- Testimonial Name Text – Gibson, 400, ALL CAPS • 24/27 • Color: #1A1A1B • Margin: 0 0 0 0
- Testimonial Company Text – Gibson, 600, ALL CAPS • 24/27 • Color: #1A1A1B • Margin: 0 0 0 0
- Testimonial Text – Mobile – Freight Sans Pro, 500 • 24/34 • Color: #6E6E6E • Margin: 0 0 30 0
Site Color Values
#532D6D | |
#0C809D | |
#1A1A1B | |
#566C11 | |
#003846 | |
#DED9E3 | |
#F5F3F6 | |
#F2F2F2 | |
#6E6E6E | |
#0F9CBF |