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

• Blog Featured Image: 900px × 600px
• 5050 Block Image: 900px × 600px (or any height)
• 5050 Block Square: 900px × 900px
• Lily Pad Illustration: 1600px × 500px
• Full Width Map: 1600px × 500px
• Full Width Header Short: 1600px × 500px
• Testimonial BG (full width): 1600px × 500px
• Footer CTA Background Image: 1600px × 700px
• Homepage Hero BG: 1600px × 700px
• Large Full Width BG image (ie. mosquito products intro): 1600px × 1000px
• Large Map Illustration bg image: 1600px × 1000px
• Team Bios (Circle and stroke added in CSS): 400px × 400px
• Mosquito Products: 900px × 600px
• Equipment Products: 900px × 800px
• 2 column block: 100px x 115px

Font Specifics

• Most Headings + text – • / • Color: #414345
• Breadcrumbs – • / • Color: #6D6E71
• Blue Buttons – • / • Color: #00B2E1
• Orange Buttons – • / • Color: #D9533A
• Footer Green Button – • / • Color: #C9DB36
• Intro Text Style – Proxima Nova , 300 • 24px/32px • Color: #414345 • Margin: 26px bottom padding
• Intro style – mobile – • /18px • Color: 24px
• paragraph style – Proxima Nova , 300 • 18px/28px • Color: #414345 • Margin: 15px bottom padding
• paragraph style – mobile – • 16px/24px
• paragraph links – Proxima Nova , 400 • / • Color: #6F791B
• H1 – Proxima Nova , 300, ALL CAPS • 48px/50px • Color: #414345 • Margin: 30px bottom padding
• H1 – mobile – • 28px/36px
• H2 – Proxima Nova , 300, ALL CAPS • 42px/50px • Color: #414345 • Margin: 28px bottom padding
• H2 – mobile – • 26px/34px
• H3 – Proxima Nova , 300, ALL CAPS • 36px/42px • Color: #414345 • Margin: 26px bottom padding
• H3 – mobile – • 25px/33px
• H4 – Proxima Nova , 400 • 28px/30px • Color: #414345 • Margin: 15px bottom padding
• H4 – mobile – • 24px/32px
• H5 – Proxima Nova , 700 • 24px/32px • Color: #414345 • Margin: 26px bottom padding
• H5 – mobile – • 16px/24px
• H6 (faqs) – Proxima Nova , Bold • 22px/24px • Color: #009BC5 • Margin: 10px bottom padding
• Testimonial – Proxima Nova , 400, Italic • 28px/30px • Color: #414345
• testimonial – mobile – • 18px/24px

Site Color Values