Styleguide

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: 1600px × 640px
  • Pageblock Image: 600px min. × Any Height
  • Icon Banner Images: 600px × 600px (Recommended)
  • Interior Page Main Image: 1600px × 460px
  • Interior Sidebar Images: 600px × Any Height
  • Interior Video Sidebar Image: 600px × 400px (Recommended)
  • Interior Inline Image with Sub Nav and Sidebar: 600px × Any Height
  • Interior Inline Image with Sub Nav: 785px × Any Height
  • Interior Inline Image with Sidebar: 620px × Any Height
  • Client Logo Images: 600px × 600px
  • Resource Main Images – Full Size: 940px × 510px
  • Bio Images: 600px min. × 600px (Recommended)

Font Specifics

  • H1 – Myriad Pro Bold Condensed • 70px/80px • Color: #5b5d62 • Margin: 0, 0, 25px
  • H2 – Myriad Pro Bold Condensed • 35px/45px • Color: #5b5d62 • Margin: 0, 0, 15px
  • H3 – Myriad Pro Bold Condensed, ALL CAPS • 30px/30px • Color: #5b5d62 • Letter-Spacing: 50 • Margin: 5px, 0, 10px
  • H4 – Myriad Pro Condensed • 30px/40px • Color: #a6aab3 • Margin: 0, 0, 25px
  • H5 – Trebuchet MS, Bold • 20px/25px • Color: #5b5d62 • Margin: 0, 0, 5px
  • H6 – Trebuchet MS, Bold, ALL CAPS • 12px /14px • Color: #5b5d62
  • Paragraph Text – Trebuchet MS, 400 • 15px/25px • Color: #5b5d62 • Margin: 0, 0, 25px
  • Block Quote Text – Myriad Pro Condensed • 25px/35px • Color: #424347 • Margin: 45px, 30px, 70px
  • Link Color – • / • Color: #a30a35

Site Color Values

#a30a35
#5b5d62
#bec3cd
#ecf3ff