Style Guide

Name: High Speed Rail Alliance
Address: 4765 N. Lincoln Avenue, Chicago, IL, 60625, US
Telephone: 773.334.6758

Image, Color, and Font Specs. This is more of a resource for developers, but we like to make this info available to all admins.

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 (Video BG also requires a static fallback for smaller screens): 900px × 600px
Regular Hero, Text & Inline Image: 900px × 600px
Regular Hero, Centered Text (Image BG): 1800px × 1200px
Regular Hero, Text & Sidebar (Video BG also requires a static fallback for smaller screens): 900px × 600px
“Standard Image & Text Page Block” Image: 900px × 600px
“Standard Video & Text Page Block” Overlay Image: 1200px × 675px
“Call-to-Action Page Block” Image: 1200px × 800px
“Featured Content Page Block” Image: 600px × 400px
“Columns Page Block” Icon: 75px × 75px
“Columns Page Block” Inline Photo: 600px × 400px
“Columns Page Block” Photo Background: 600px × 900px
Blog Post Featured Image: 900px × 600px
“Multi-Image Page Block” Image: 900px × 600px

body, p, ol, ul (Desktop) – proxima-nova, sans-serif;, 400 • 16px/1.6 • Color: #555555 • Letter-Spacing: .25px • Margin: 0 0 25px
H1 (Desktop) – proxima-nova, sans-serif;, 600 • 60px/1.1 • Color: #00416b • Margin: 0 0 20px
H2 (Desktop) – proxima-nova, sans-serif;, 600 • 35px/1.1 • Color: #00416b • Margin: 0 0 20px
H3 (Desktop) – proxima-nova, sans-serif;, 600 • 22px/1.2 • Color: #00416b • Margin: 0 0 10px
H4 (Desktop) – proxima-nova, sans-serif;, 600 • 18px/1.4 • Color: #00416b • Margin: 0 0 10px
H5 (Desktop) – proxima-nova, sans-serif;, 600, ALL CAPS • 16px/1.4 • Color: #00416b • Letter-Spacing: .5px • Margin: 0 0 10px
H6 (Desktop) – proxima-nova, sans-serif;, 600 • 16px/1.4 • Color: #00416b • Letter-Spacing: .5px • Margin: 0 0 10px
p.intro (Desktop) – • 21px/1.5
Pre-Title (Desktop) – , 600 • 14px/1.5 • Color: #017D9B • Letter-Spacing: 1px • Margin: 0 0 10px