Styleguide



Colors



Brand


White

$white: #FFFFFFF
Black

$black: #000000
Gold

$gold: #C58820
Gold Grdient

$gold-gradient
Dark Grey

$gray-dark: #221E1F
Medium Gray

$gray-medium: #656868
Light Grey

$gray-light: #E8E6E4

State


Error

$error: #CB4040
Success

$success: #2E9775


Type Styles



Headline 1


Headline 1


Headline 2


Headline 3


Headline 4



Small body copy


Regular Body copy


Large body copy



Eyebrow

Links/Buttons



Inline Link


Egestas egestas eros sollicitudin 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 Now

CTA Disabled

Shop Now

Link Button

Shop Now

Black Button (default)

Normal


Long Text


Disabled


White Button (--white)

Normal


Disabled


Outline Black Button (--outline-black)

Normal


Disabled



Outline White Button (--outline-white)

Normal


Disabled



Text Field