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 |