Style Guide – Images, Colors, & 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

• Homepage Hero Image: 1400 × 750
• Full Width Background Image: 1400 × 550 (recommended for module) for top of page, may want to drop to 450 especially if you have sub-navigation
• Project Featured Image: 600 × 600
• 50/50 Image: 800 × 570
• Sidebar Image: 800 × 570
• Icon Image: 120 × 120

Font Specifics

• H1 – Rift Demi, 500, ALL CAPS • 54/54 • Color: #343639 • Letter-Spacing: 3 • Margin: 0 0 20 0
• H2 – Rift, 500, ALL CAPS • 54/54 • Color: #FF8200 • Letter-Spacing: 3 • Margin: 40 0 20 0
• H3 – Rift, 500, ALL CAPS • 36/40 • Color: #343639 • Letter-Spacing: 3 • Margin: 40 0 20 0
• Paragraph Intro Text – Roboto, 700 • 22/36 • Color: #004B87 • Margin: 0 0 20 0
• H5 – Rift, 500, ALL CAPS • 24/30 • Color: #343639 • Letter-Spacing: 3 • Margin: 30 0 20 0
• H6 – Rift, 500, ALL CAPS • 20/24 • Color: #343639 • Letter-Spacing: 3 • Margin: 30 0 20 0

Site Color Values