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
- Sidebar Image: 600 × Any Height
- Header Full-Width Image: 1440 × 400
- Call To Action Background Image: 1440 × 370
- Homepage Hero Image: 1440 × 700
- 50/50 Image : 700 × 516
- 1/3 Image: 315 × Any Height
- Homepage Device Image: 600 × 496
- Homepage Icons: 126 × 126
- Homepage Logos: 330 × 80
- Product Tab Block Icon: 65 × 65
- Product Tab Block Header Image: 925 × 252
- Product Tab Block WYSIWYG Image – not to exceed: 770 × 322
- Bio Image: 600 × 600
- Blog Post Detail Image: 900 × 600
- Blog Landing Page Image (pulled from detail page): 170 × 114
Font Specifics
- H1 – Freight Sans Pro, Bold, ALL CAPS • 48/54 • Color: #fff • Margin: 0 0 20px 0
- Image Header Sub-heading Text – Roboto, Bold • 24/32 • Color: #fff
- H2 – Freight Sans Pro, Bold, ALL CAPS • 36/48 • Color: #262626 • Margin: 0 0 20px 0
- H3 – Freight Sans Pro, Bold, ALL CAPS • 30/36 • Color: #262626 • Margin: 10px 0 20px 0
- H4 – Roboto, Bold • 24/32 • Color: afafaf • Margin: 0 0 30px 0
- H5 – Freight Sans Pro, Bold, ALL CAPS • 24/36 • Color: #262626 • Margin: 0 0 20px 0
- H6 – Freight Sans Pro, Bold, ALL CAPS • 18/30 • Color: #262626 • Margin: 0 0 20px 0
- H1 Mobile – Freight Sans Pro, Bold, ALL CAPS • 36/48 • Color: #fff • Margin: 0 0 20px 0
- H2 Mobile – Freight Sans Pro, Bold, ALL CAPS • 30/36 • Color: #262626 • Margin: 0 0 20px 0
- H3 Mobile – Freight Sans Pro, Bold, ALL CAPS • 24/30 • Color: #262626 • Margin: 10px 0 20px 0
- H4 Mobile – Roboto, Bold • 20/30 • Color: #afafaf • Margin: 0 0 20px 0
- H5 Mobile – Freight Sans Pro, Bold, ALL CAPS • 20/30 • Color: #262626 • Margin: 0 0 20px 0
- H2 – Call to Action Block – Freight Sans Pro • 36/48 • Color: #ff5f00 • Margin: 0 0 20px 0
- H2 – Open Content, News, Resources – Freight Sans Pro • 36/48 • Color: #fff • Margin: 0 0 20px 0
- Paragraph Text – Roboto, 400 • 16/30 • Color: #262626 • Margin: 0 0 20px 0
- Blockquote – Freight Sans Pro, Bold • 30/36 • Color: #262626 • Margin: 80px 50px 80px 50px
- Sidebar Caption Text – Roboto, 400 • 14/24 • Color: #262626
- Button Style 1 – Freight Sans Pro, ALL CAPS • 24/32 • Color: #fff
- Button Style 2 – Freight Sans Pro, ALL CAPS • 18px/ • Color: #ff5f00
- Paragraph Link Text – Roboto • / • Color: #ff5f00
- Paragraph Link Text Hover – Roboto • / • Color: #e05300
- Resource Title – Roboto, Bold • 24/30 • Color: #ff5f00
- Resource Category – Freight Sans Pro, ALL CAPS • 20/24 • Color: #fff
Site Color Values
| #ff5f00 | |
| #96c93d | |
| #262626 | |
| #bdbdbd | |
| #e0e0e0 | |
| #006a6e |