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: 1600 × 800px
  • Interior Page & Bio Header IMG: 1600 × 500px
  • Page Block IMG for Carousel, Video, & IMG Blocks: 1250 × 550px
  • Page Block BKGD IMG: 1600 × 500px
  • Page Block 3 Column IMGs: 650 × 325px (height can vary, but keep consistent per row – 325 recommended)
  • Blog Featured IMGs: 1250 × 850px
  • Featured Project #1 IMG: 800 × 800px
  • Project IMG: 1000 × 680px
  • Bio IMGs: 650 × 800px
  • Blog Author IMGs: 150 × 150px
  • Sidebar IMGs: 650px × Any Height
  • Sidebar Video Thumb: 650 × 400px (height can vary, 400 recommended)

Font Specifics

  • H1 – Gibson, 600, ALL CAPS • 65/85 • Color: #383730 • Letter-Spacing: .250em • Margin: 0 0 30px
  • H2 – Gibson, 300 • 42/48 • Color: #414141 • Margin: 0 0 23px
  • H3 – Gibson (KC Alternate Gothic), 600, ALL CAPS • 28/48 • Color: #414141 • Letter-Spacing: .350em • Margin: 0 0 15px
  • H4 – Gibson, 300 • 28/45 • Color: #919191 • Margin: 0 0 36px
  • H5 – Gibson, 400 • 28/33 • Color: #414141 • Margin: 0 0 8px
  • H6 – DIN Condensed, 300, ALL CAPS • 20/25 • Color: #1e1e1e • Letter-Spacing: .250em • Margin: 0 0 5px
  • H1 Tablet – Gibson, 600, ALL CAPS • 40/75 (EB 55) • Color: #383730 • Letter-Spacing: .250em • Margin: 0 0 30px
  • H1 Mobile – Gibson, 600, ALL CAPS • 23/65 (EB 35) • Color: #383730 • Letter-Spacing: .250em • Margin: 0 0 30px
  • H2 Tablet – Gibson, 300 • 34/43 • Color: #414141 • Margin: 0 0 23px
  • H2 Mobile – Gibson, 300 • 28/37 • Color: #414141 • Margin: 0 0 23px
  • H3 Mobile & Tablet – Gibson (KC Alternate Gothic, 600, ALL CAPS • 28/32 • Color: #414141 • Letter-Spacing: .350em • Margin: 0 0 15px
  • H4 Tablet – Gibson, 300 • 23/38 • Color: #919191 • Margin: 0 0 36px
  • H4 Mobile – Gibson, 300 • 19/29 • Color: #919191 • Margin: 0 0 36px
  • Paragraph – Arial, 400 • 16/34 • Color: #919191 • Margin: 0 0 15px
  • Link Color – • / • Color: #f6921c
  • Blockquote – Gibson, 400 • 30/45 • Color: #161414

Site Color Values

#161414
#383730
#919191
#f6921c
#ffffff