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.
When uploading images for the new website, please save all images in .webp format.
Image Sizes
- Home Image (Foreground/Cutout): 1200 × 1200
- Hero/CTA BG: 2000 × 1000
- CTA 2-Col: 1000 × 1000
- Image Text (5050 Solid): 1000 × 800
- Image Text (transparent): 1000 × 800
- Icon / Badge: 200 × 200
- Card Images: 600px (can be less wide) x 400
- Resource Card – Featured Image: 600px x 300
- Testimonial Headshots: 600px x 600
Font Specifics
- H1, H2 – Poppins, 300 • 28/36px • Color: Navy • Margin: 0 0 20px
- H1, H2 Tablet – 36/44px
- H1, H2 Desktop – 48/55px
- H3 – Poppins, 600 • 26/32px • Color: Navy • Margin: 0 0 20px
- H3 Desktop – 36/44px
- H3 Columns – Poppins, 600 • 24/32px • Color: Navy • Margin: 0 0 20px
- H4 – Poppins, 600 • 22/28px • Color: Navy • Margin: 0 0 20px
- H5 – Poppins, 700 • 20/28px • Color: Navy • Margin: 0 0 20px
- H6 – Poppins, 700 • 18/28px • Color: Navy • Margin: 0 0 20px
- Paragraph Text – Poppins, 400 • 18/28px • Color: Gray • Margin: 0 0 20px
- Intro Text – Poppins, 300 • 20/30px • Color: Gray • Margin: 0 0 20px
- Intro Text Desktop – 24/32px
- Pre-Title – Poppins, 600 • 18/28px • Color: Teal • Margin: 0 0 20px
Site Color Values
| Red – #DB3829 | |
| Aqua – #72CBC9 | |
| Teal – #137B8B | |
| Navy – #224870 | |
| Blue – #305883 | |
| Slate – rgba(11,30,51,.75) | |
| Black – #000000 | |
| Gray – #58595B | |
| Light Gray – #F1F4F7 | |
| White – #FFFFFF |
Site Gradients
| Teal Gradient – #4A9F9D > #137B8B | |
| Blue Gradient – #305883 > #224870 |
Program Color Values
| CEN Blue – #49A5b9 | |
| CPEN Melon – #FAA93B | |
| CFRN Green – #065C5F | |
| CTRN Olive Green – #606D4F | |
| TCRN Red – #A31E23 | |
| CBRN Purple – #62276F |