Promotional bar lorem sit amet, consectetur adipiscing elit, sed do eiusmod. Learn More

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"



Links/Buttons


Link example

Primary Button (shop)


Primary Button (regular)


Primary Button Longer Text


Secondary Button


White Button