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
- Home Hero: 1600px × 725px
- Featured Faculty: 600px × 485px
- Home Page Features: 600px × 325px
- 50/50 page block: 600px × 505px
- Centered Page Block: 1440px (max) × any
- 3 Column Page Block: 600px × 325px
- Featured Person Page Block: 600px × 505px
- Testimonial Block Thumbnail: 600px × 600px
- Pageblock Slideshow: 600px × 505px
- Sidebar Image: 600px × any
- Sidebar Video: 600px × 400x
- Page/Research Header Image: 1600px × 525px
- Faculty/Student Headshots: 600px × 600px
- News Thumbnails: 600px × 325px
- Event Thumbnails: 600px × 600px
- Facility Thumbnail: 600px × 325px
- Facility Header/Slideshow: 1600px × 725px
Font Specifics
- H1 - Proxima Nova, ALL CAPS • 40px/50px • Color: #800000 • Margin: 0 0 40px
- H2 - Proxima Nova, 400 • 35px/40px • Color: #800000 • Margin: 0 0 25px
- H3 - Proxima Nova, 400 • 25px/30px • Color: #221d1b • Margin: 5 0 15px
- H4 - Proxima Nova, 400 • 30px/40px • Color: #382f2d • Margin: 0 0 25px
- H5 - Proxima Nova, 400 • 16px/25px • Color: #800000 • Margin: 0 0 5px
- H6 - Proxima Nova, Bold • 16px/18px • Color: #2d2d2d • Margin: 0 0 5px
- Paragraph - Proxima Nova, 400 • 16px/25px • Color: #382f2d • Margin: 0 0 25px
- Links - • / • Color: #155f83
- Link Rollover - • / • Color: #ffa319
Site Color Values
#800000 |
|
#155f83 |
|
#ffa319 |
|
#d6d6ce |
|
#767676 |
|
#382f2d |