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. All images should be a compressed jpg unless otherwise stated.
Image Sizes
- Home Hero Image: 850 × 680px
- Image & Text Block Image: 750 × 600px
- Video Image Thumbnail: 900 × 600px
- Image Cards: 400 × 320px
- Contact Us Image: 400 × 320px
- Icons: 100 × 100px PNG or SVG
- Testimonial Headshot: 60 × 60px
- Logos: 225 × 150px PNG or SVG
Font Specifics
- H1 – Proxima Nova, 700 • 44px/44px • #482E8D, Noble Purple • Margin: 0 0 15px; Padding: 0;
- H1 Desktop – 56px/64px
- H2 – Proxima Nova, 700 • 34px/36px • #482E8D, Noble Purple • Margin: 0 0 15px; Padding: 0;
- H2 Desktop – 44px/48px
- H3 – Proxima Nova, 700 • 30px/36px • #482E8D, Noble Purple • Margin: 0 0 15px; Padding: 0;
- H4 – Proxima Nova, 700 • 28px/34px • #482E8D, Noble Purple • Margin: 0 0 15px; Padding: 0;
- H5 – Proxima Nova, 700 • 26px/32px • #482E8D, Noble Purple • Margin: 0 0 15px; Padding: 0;
- H6 – Proxima Nova, Bold • 24px/30px • #482E8D, Noble Purple • Margin: 0 0 15px; Padding: 0;
- Pre-Title – Proxima Nova, 700, ALL CPAS • 16px/20px • #02508A, Noble Blue • Letter-Spacing: 1.5px • Margin: 0 0 10px 0; Padding: 0;
- Intro Paragraph Text – Proxima Nova, 500 • 20px/24px • #333333 • Margin: 0 0 15px; Padding: 0;
- Intro Paragraph Text Desktop – 22px/28px
- Body Copy – Proxima Nova, 400 • 15px/20px • #333333 • Margin: 0 0 15px; Padding: 0;
- Body Copy Desktop – 17px/24px
- UL & OL – Margin: 0; Padding: 10px 0 0 15 px;
- LI’s – 15px/20px • Margin: 0 0 10px 0; Padding: 0;
Site Color Values
#000000 – Black | |
#555555 – Dark Gray | |
#FFAE00 – Gold | |
#02508A – Noble Blue | |
#2D1B5D – Deep Purple | |
#524084 – Dark Purple | |
#482E8D – Noble Purple | |
#F7F6F9 – Light Gray Purple | |
#FFFFFF – White |
Site Gradients
Deep Purple –> Noble Purple | |
Purple –> Blue |