Image, Color, Font Specs
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
- Large Hero Image: 900px × 600px
- Case Study Featured Image: 900px × 600px
- 2-Column Photo: 900px × 600px
- Video Embed Overlay Image: 1200px × 675px
- 3-Column Clickable Photo Blurb Cards: 900px × 600px
- 3-Column Icon Blurbs (.svg is preferred file format): 75px × 75px
- Sticky Column Icon Blurbs (.svg is preferred file format): 75px × 75px
- Featured Content Image: 400px × 400px
- Testimonial Image (larger image with color rings): 400px × 400px
- Testimonial Headshots: 75px × 75px
- CTA Block Image: 400px × 400px
- Resources “Blog” Post Type Featured Image: 900px × 600px
Font Specifics
- body, p, ol, ul (Desktop) – adelle-sans, sans-serif, 400 • 17px/1.8 • Color: #636466 • Letter-Spacing: .25px • Margin: 0 0 25px
- body, p, ol, ul (Mobile) – • 15px/1.65
- body, p, ol, ul (Tablet) – • 16px/
- p.intro (Desktop) – • 23px/1.6
- p.intro (Mobile) – • 17px/
- p.intro (Tablet) – • 20px/
- Blockquote p (Desktop) – • 20px/1.6
- Blockquote p (Mobile) – • 17px/
- Blockquote p (Tablet) – • 20px/
- H1 (Desktop) – adelle, serif, 700 • 46px/1.2 • Color: #2c3790 • Margin: 0 0 15px
- H1 (Mobile) – • 28px/
- H1 (Tablet) – • 38px/
- H2 (Desktop) – adelle, serif, 700 • 32px/1.2 • Color: #2c3790 • Margin: 0 0 25px
- H2 (Mobile) – • 23px/
- H2 (Tablet) – • 28px/
- H3 (Desktop) – adelle, serif, 700 • 23px/1.3 • Color: #2c3790 • Margin: 0 0 10px
- H3 (Mobile) – • 19px/
- H4 (Desktop) – adelle, serif, 700 • 19px/1.3 • Color: #2c3790 • Margin: 0 0 10px
- H3 (Tablet) – • 21px/
- H4 (Mobile) – • 17px/
- H4 (Tablet) – • 18px/
- H5 (Desktop) – adelle, serif, 700, ALL CAPS • 16px/1.4 • Color: #2c3790 • Letter-Spacing: .5px • Margin: 0 0 10px
- H5 (Mobile) – • 15px/
- H5 (Tablet) – • 16px/
- H6 (Desktop) – adelle, serif, 700 • 16/1.4 • Color: #2c3790 • Letter-Spacing: .5px • Margin: 0 0 10px
- H6 (Mobile) – • 15px/
- H6 (Tablet) – • 16px/
- Pre-Title (Desktop) – adelle-sans, sans-serif, 600, ALL CAPS • 13px/1 • Color: #973484 • Letter-Spacing: 1.5px • Margin: 0 0 15px
- Pre-Title (Mobile) – • 10px/
- Pre-Title (Tablet) – • 12px/
Site Color Values
#e94085 |
|
#2c3790 |
|
#62cbc9 |
|
#973484 |
|
#ababab |