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
- 5050 Image: 1000px × 1000px
- 5050 Transparent Image (Graph, chart, etc)): 1000px × Any Height (recommended 600px – 1200px)
- 5050 Small Images: 400px × 400px
- Logos: 300px × 120px
- Icons: 140px × 140px
- Testimonial Headshot: 400px × 400px
- Parallax Browser Window BG Image: 1200px × 1000px+
- Gradient CTA Offset Image: 1000px × Any Height (recommended 600px – 1000px)
- Gradient CTA Transparent People Cutouts: 900px × 1200px+
- Gradient CTA Transparent Scaled Up Devices: 1000px × 1000px
- Gradient CTA Faded BG-like Transparent Image: 500px × 400px
- Blog Featured Image: 900px × 600px
Font Specifics
- H1 – Gibson, 600 • 90px/1 • Color: #FFFFFF
- H2 – Gibson, 600 • 60px/1 • Color: #FFFFFF
- H3 – Gibson, 600 • 48px/1 • Color: #FFFFFF
- H4 – Play, 400 • 22px/1.5 • Color: #FFFFFF
- H5 – Gibson, 600 • 22px/1.2 • Color: #FFFFFF
- H6 – Gibson, 600 • 16px/1.2 • Color: #FFFFFF
- Paragraph – Gibson, 400 • 16px/2em • Color: rgba(229,244,255,.85)
- Intro Paragraph – Gibson, 400 • 22px/1.5 • Color: rgba(229,244,255,.85)
- Pre-Title Paragraph – Play, 400 • 22px/1.2 • Color: rgba(229,244,255,.85)
- Paragraph Strong – , 600 • / • Color: #FFFFFF
- Inline Link – , 600 • / • Color: #83F970
Site Color Values
#83F970 |
|
#c0ffb6 |
|
#0E0E10 |
|
#131518 |
|
rgba(30,35,48,1) |
|
rgba(38,41,46,.7) |
|
#d6ded4 |
|
#FFFFFF |
|
rgba(229,244,255,.85) |