SOF Brand Guide
Container Width
Full: 1280px
Narrow: 846px
Section Padding
Large Space: 80px top & bot
Med Space: 60px top & bot
Small: 40px top & bot
Hero: 60vh
Button Spacing
40px
Card Spacing (gutters)
20px desktop/horiz
40px mobile
Card Inner Spacing: 40px top & bot
Border Radius
6px — images & boxes
Section Padding
Large Space: 80px top & bot
Med Space: 60px top & bot
Small: 40px top & bot
Hero: 60vh
Button
Spacing: 12px 30px;
Border-Radius: 4px;
Letter-Spacing: .6
Card Spacing (gutters)
20px desktop/horiz
40px mobile
Card Inner Spacing: 40px top & bot
Trying Open Sans
6px — images & boxes
Section Padding
Large Space: 80px top & bot
Med Space: 60px top & bot
Small: 40px top & bot
Hero: 60vh
Button
Spacing: 12px 30px;
Border-Radius: 4px;
Letter-Spacing: .6
Card Spacing (gutters)
20px desktop/horiz
40px mobile
Card Inner Spacing: 40px top & bot
Title
Oswald 600
Desktop: 32px
Medium Heading
Oswald 600, 40px (used to be 700) — merge with (replace?) Title??
Text
Tahoma 400, 17px
Small Heading
Oswald 500, 20px
Large Title
Oswald 700, 48px
Small Body Text
Tahoma 400, 15px
Medium Heading #2
Oswald 400, 30px
Large body
Tahoma 400, 22px
