Styleguide
Colors
Primary
Green
$green: #33CC99
Charcoal
$charcoal: #2B3234
Blue Charcoal
$blueCharcoal: #384952
Dark Blue Gray
$darkBlueGray: #5A6871
Blue Gray
$blueGray: #8C9BA4
Secondary
Gray
$gray: #C5C9CC
Light Gray
$lightGray: #DFE3E6
Tint Gray
$tintGray: #F1F3F5
Light Tint
$lightTint: #F8F9FA
White
$white: #FFFFFFF
Tertiary
Alert Red
$alertRed: #AB1F1F
Type Styles
H1 Lorem
ipgqm dolor sit lorem ipsum.
H2 lorem ipsum dolor.
H3 Lorem ipsum dolor
H4 lorem ipsum dolor sit amet.
Lorem ipsum dolor sit
H5 Subhead lorem ipsum
H6 Eyebrow lorem ipsum
Large body copy lorem sum dolor sit amet, consectetur adipiscing lorem ipsum dolor elit, sed. Lorem ipsum dolor.
^ add class "large-text"
Small body copy ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
Small text lorem ipdsum dolor sit amrt conduit.
^ add class "small-text"
Legal Text lorem ipsum dolor sit amet.
^ add class "legal-text"
Bold legal text and footer eyebrows
^ add class "legal-bold-text"
Links/Buttons
Primary Button (shop)
Primary Button (regular)
Primary Button Longer Text
Secondary Button
White Button