Style Guide - Chicago Roof Deck + Garden

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)

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