Styleguide
Colors
Base
White
$white: #FFFFFFF
$white: #FFFFFFF
Purple Melanzane
$purple-melanzane: #450734
$purple-melanzane: #450734
Black
$black: #000000
$black: #000000
Black Mine Shaft
$black-mine-shaft: #1F1F1F
$black-mine-shaft: #1F1F1F
Blue Zodiac
$blue-zodiac: #0B213D
$blue-zodiac: #0B213D
Blue Link Water
$blue-link-water: #DFEEF5
$blue-link-water: #DFEEF5
Gray Wild Sand
$gray-wild-sand: #F6F6F6
$gray-wild-sand: #F6F6F6
Gray Boulder
$gray-boulder: #757575
$gray-boulder: #757575
Green Key Lime
$green-key-lime: #BDCC2A
$green-key-lime: #BDCC2A
Green Fall Green
$green-fall-green: #E6EBBB
$green-fall-green: #E6EBBB
Green Beige
$green-beige: #F5F7E4
$green-beige: #F5F7E4
Green Sage
$green-sage: #627884
$green-sage: #627884
Type Styles
Headline 1
Headline 1
Headline 2
Headline 3
Headline 4
Body copy
Small copy
Eyebrow
Links/Buttons
Inline Link
Egestas egestas erossollicitudin mauris sem at ultrices. Id odio malesuada hendrerit est scelerisque cras neque condimentum. Morbi aliquam eu lectus eget semper pretium pretium magnis urna. Nisl tortor mauris, feugiat senectus nulla ac ridiculus urna.
Link CTA
Shop 22 MoreLink Button
View PageLink Button with Arrow
View Page
Button Primary
Button Primary with Arrow
Primary Button Longer Text
Disabled Button
Button Green
Button Green with Arrow