Style Guide
Typography
Desktop
Classes
Heading 1
h1, .h1
Heading 2
h2, .h2
Heading 3
h3, .h3
Heading 4
h4, .h4
Heading 5
h5, .h5
Heading 6
h6, .h6
Body Large
.body-large
Body Medium
body, .body
Body Small
.body-small
Body XSmall
.body-x-small
Caption
.caption
Utility
.utility
Special Large
.special-large
Special Small
.special-small
Colors
#1c1c1c
Brand Primary
Primary Color
#c7a654
Gold
Primary Color
#e7e7e7
Muted Grey
Primary Color
#000000
Ink
Our darkest color – usually black
#666666
Subdued
A lighter version of Ink for hierarchy
#b8b8b8
Neutral
A mid-tone color – typically grey or something similar.
#f6f6f6
Light
A darker version of Reverse for hierarchy
#FFFFFF
Reverse
Our lightest color – usually white
Form Elements
Element Name
Element UI
Dropdown
Label
Input
Textarea
Radio Toggle
Checkbox Toggle
Icons
Icon Name
Icon UI
Icon Value
hamburger
hamburger
search
search
shopping-bag
shopping-bag
accounts
accounts
close
close
chevron-down-circle
chevron-down-circle
envelope
envelope
play
play
cube
cube
