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 × 635px
- Interior Header Image: 1600px × 420px
- Team member header image: 1600px × 360px
- 50/50 Page Block Images: 685px × 500px
- Fullwidth BG Image: 1600px × 600px
- Icons in 3 col blocks: 110px × 110px
- Testimonial Headshots: 200px × 200px
- Team Member Headshot: 600px × 600px
- Blog Featured Image: 924px × 460px
- CTA block Image: 320px × 320px
Font Specifics
- H1 Desktop – Europa, Bold, ALL CAPS • 50px/52px • Color: #F8F8F8 • Letter-Spacing: 1px • Margin: 0, 0, 50px, 0
- H1 Tablet – Europa, Bold, ALL CAPS • 36px/52px • Color: #F8F8F8 • Margin: 0, 0, 40px, 0
- H1 Mobile – Europa, Bold, ALL CAPS • 31px/40px • Color: #F8F8F8 • Margin: 0, 0, 40px, 0
- H2 Desktop – Europa, Bold, ALL CAPS • 35px/45px • Color: #838383 • Margin: 0, 0, 25px, 0
- H2 Tablet/Mobile – Europa, ALL CAPS • 28px/39px • Color: #838383 • Margin: 0, 0, 20, 0
- H3 Desktop – Europa, Bold, ALL CAPS • 29px/41px • Color: #919191 • Margin: 0, 0, 25px, 0
- H3 Tablet/Mobile – Europa, Bold, ALL CAPS • 24px/35px • Color: #919191 • Margin: 0, 0, 20px, 0
- H4 Desktop – Europa, Bold, ALL CAPS • 25px/35px • Color: #A0A0A0 • Margin: 0, 0, 20px, 0
- H4 Tablet/Mobile – Europa, Bold, ALL CAPS • 20px/31px • Color: #A0A0A0 • Margin: 0, 0, 15px, 0
- H5 Desktop – Europa, Bold, ALL CAPS • 22px/30px • Color: #707070 • Margin: 0, 0, 20px, 0
- H5 Tablet/Mobile – Europa, Bold, ALL CAPS • 19px/27px • Color: #707070 • Margin: 0, 0, 20px,0
- H6 Desktop – Europa, 400 • 21px/29px • Color: #919191 • Margin: 0, 0, 20px, 0
- H6 Tablet/Mobile – Europa, 400 • 19px/27px • Color: #919191 • Margin: 0, 0, 20px, 0
- Paragraph Desktop – Europa, 400 • 19px/36px • Color: #8D8B8B • Margin: 0, 0, 40px, 0
- Paragraph Tablet/Mobile – Europa, 400 • 18px/28px • Color: #8D8B8B • Margin: 0, 0, 40px, 0
- Intro Text Desktop – Europa • 27px/43px • Color: #AAAAAA • Margin: 0, 0, 25px, 0
- Intro Text Tablet/Mobile – Europa, Bold • 21px/33px • Color: #AAAAAA • Margin: 0, 0, 20px, 0
- Block Quote Desktop – Europa, Bold • 22px/44px • Color: #C2C2C2 • Margin: 0, 0, 50px, 0
- Block Quote Tablet/Mobile – Europa, Bold • 20px/32px • Color: #C2C2C2 • Margin: 0, 0, 40px, 0
- Large Ghost Text Desktop – Freight Big Pro, 900 • 120px/56px • Color: #838383 (.08) • Letter-Spacing: 1 • Margin: 0, 0, -13px, -15px
- Large Ghost Text Tablet/Mobile – Freight Big Pro , 900 • 68px/56px • Color: #838383 (.08) • Margin: 0, 0, -10px, -13px
Site Color Values
| #F1AE4B | |
| #EF9A1C | |
| #4D5F81 | |
| #F9F9F9 | |
| #919191 | |
| #838383 | |
| #222222 | |
| #7F8DA7 |