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 Image: 1600px × 580px
- Interior Header: 1600px × 310px
- 50/50 Page Block: 750px × 670px
- Page Block Background Image: 1600px × 700px
- 3 Image Gallery (single left image): 800px × 680px
- 3 Image Gallery (double right images): 800px × 340px
- 3 or 4 Column Page Block: 600px × Any
- Fullwidth Gallery Image: 1600px × Any (680px recommended)
- News Featured Image: 1200px × 690px
- Project Header Image: 1600px × 580px
- Project Featured Image (appears on landing page): 685px × 500px
- Project Logo: 300px × 300px
- Testimonial Headshot: 130px × 130px
- Testimonial Logo: 80px × 80px
- Service Icons: 40px × 40px
Font Specifics
- Header 1 Desktop – Open Sans, Bold, Lowercase • 50px/52px • Color: #3E3E3E • Margin: 0, 0, 25px, 0
- Header 1 Mobile/Tablet – Open Sans, Bold, Lowercase • 36px/42px • Color: #3E3E3E • Margin: 0, 0, 20px, 0
- Header 2 Desktop – Open Sans, Bold, Lowercase • 31px/36px • Color: #4B4B4B • Margin: 0, 0, 20px, 0
- Header 2 Mobile/ Tablet – Open Sans, Bold, Lowercase • 26px/31px • Color: #4B4B4B • Margin: 0, 0, 15px, 0
- Header 3 Desktop – Open Sans, Bold, Lowercase • 27px/34px • Color: #3E3E3E • Margin: 0, 0, 20px, 0
- Header 3 Mobile/Tablet – Open Sans, Bold, Lowercase • 22px/30px • Color: #3E3E3E • Margin: 0, 0, 25px, 0
- Header 4 Desktop – Open Sans, Bold, ALL CAPS • 19px/23px • Color: #575757 • Letter-Spacing: 1px • Margin: 0, 0, 15px, 0
- Header 4 Mobile/Tablet – Open Sans, Bold, ALL CAPS • 18px/24px • Color: #575757 • Letter-Spacing: 1px • Margin: 0, 0, 18px, 0
- Header 5 Desktop – Open Sans, Bold, Lowercase • 21px/26px • Color: #4B4B4B • Margin: 0, 0, 12px, 0
- Header 5 Mobile/Tablet – Open Sans, Bold, Lowercase • 19px/28px • Color: #4B4B4B • Margin: 0, 0, 15px, 0
- Header 6 Desktop – Open Sans, Bold, ALL CAPS • 17px/20px • Color: #696969 • Letter-Spacing: 1px • Margin: 0, 0, 15px, 0
- Header 6 Mobile/Tablet – Open Sans, Bold, ALL CAPS • 16px/20px • Color: #696969 • Letter-Spacing: 1px • Margin: 0, 0, 15px, 0
- Intro Style Desktop – Open Sans, 400 • 25px/41px • Color: #949494 • Margin: 0, 0, 25px, 0
- Intro Style Mobile/Tablet – Open Sans, 400 • 21px/34px • Color: #949494 • Margin: 0, 0, 25px, 0
- Quote Style Desktop – Open Sans • 25px/41px • Color: #949494 • Margin: 5px, 0, 50px, 0
- Quote Style Mobile/Tablet – Open Sans • 21px/34px • Color: #949494 • Margin: 5px, 0, 35px, 0
- Paragraph Desktop – Open Sans, 400 • 17px/31px • Color: #303030 • Margin: 0, 0, 35px, 0
- Paragraph Mobile/Tablet – Open Sans, 400 • 16px/29px • Color: #303030 • Margin: 0, 0, 35px, 0
Site Color Values
|
#3D3D3D |
|
|
#303030 |
|
|
#001648 |
|
|
#418FDE |
|
|
#D7DCE1 |
|
|
#F6F6F6 |