Style Guide
Brand Colors
Dark Brown
#322D2A
White
#FFFFFF
Dark Grey
#919191
Light Grey
#F7F7F7
Green
#5F803E
Red
#A8353A
Orange
#DF7C3B
Gold
#C8A978
Blue
#3581B9
Yellow
#FFCD00
Blue 2
#0082CA
Hunter Green
#00945E
Orange 2
#F18A00
Orange 3
#EE7623
Teal 1
#00ABC8
Teal 2
#008AAB
Sage
#769D91
Burnt Orange
#B06533
Spider Man
#E1251B
Black Panther
#7E57C5
Ironman
#BD9A5F
Captain America
#6AAAE4
Fonts
Grotesk
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789!@#$%^&*()_+
Text Styles
H1 Aktiv Grotesk Bold
Size 60 Line Height 66 Character Spacing 0px
H2 Aktiv Grotesk Bold
Size 44 Line Height 52.8 Character Spacing 0px
H3 Aktiv Grotesk Bold
Size 30 Line Height 33.0 Character Spacing 0px
H4 Aktiv Grotesk Regular
Size 28 Line Height 33.6 Character Spacing 0px
P1 Aktiv Grotesk Bold
Size 22 Line Height 26.4 Character Spacing 0px
P1 Aktiv Grotesk Bold uppercase
Size 22 Line Height 26.4 Character Spacing 0px Case Upper
P1 Aktiv Grotesk Medium
Size 22 Line Height 26.4 Character Spacing 0px
P2 Aktiv Grotesk Bold
Size 20 Line Height 25 Character Spacing 0px
P2 Aktiv Grotesk Regular
Size 20 Line Height 25 Character Spacing 0px
P3 Aktiv Grotesk medium uppercase
Size 16 Line Height 17.6 Character Spacing 0px Case Upper
P3 Aktiv Grotesk Bold
Size 16 Line Height 20 Character Spacing 0px
P3 Aktiv Grotesk Bold uppercase
Size 16 Line Height 17.6 Character Spacing 0px Case Upper
P4 Aktiv Grotesk medium uppercase
Size 14 Line Height 17.5 Character Spacing 0px Case Upper
P5 Aktiv Grotesk regular uppercase
Size 11 Line Height 13.75 Character Spacing 0px Case Upper
P5 Aktiv Grotesk bold uppercase
Size 11 Line Height 13.75 Character Spacing 0px Case Upper
P6 Aktiv Grotesk regular uppercase underlined
Size 10 Line Height 12.5 Character Spacing 0px Case Upper Decoration Underlined
Body 1 Aktiv Grotesk Regular
Size 16 Line Height 22 Character Spacing 0px
Body 1 Aktiv Grotesk Regular Italic
Size 16 Line Height 22 Character Spacing 0px Decoration Italic
Body 1 Aktiv Grotesk Medium
Size 16 Line Height 22 Character Spacing 0px
Body 2 Aktiv Grotesk Regular
Size 14 Line Height 21 Character Spacing 0px
Body 2 Aktiv Grotesk Regular Underlined
Size 14 Line Height 21 Character Spacing 0px Decoration Underlined
Body 2 Aktiv Grotesk Regular Italic
Size 14 Line Height 21 Character Spacing 0px
button 1 Aktiv Grotesk bold uppercase
Size 16 Line Height 20 Character Spacing 0.5px Case Upper
Button 2 Aktiv Grotesk bold uppercase
Size 14 Line Height 17.5 Character Spacing 0.5px Case Upper
Button 3 Aktiv Grotesk bold uppercase
Size 12 Line Height 15 Character Spacing 0.5px Case Upper
H1 Aktiv Grotesk Bold
Size 30 Line Height 36 Character Spacing 0px
H2 Aktiv Grotesk Bold
Size 24 Line Height 33 Character Spacing 0px
H3 Aktiv Grotesk Bold
Size 20 Line Height 25 Character Spacing 0px
H4 Aktiv Grotesk Regular
Size 20 Line Height 25 Character Spacing 0px
P1 Aktiv Grotesk Bold
Size 20 Line Height 24 Character Spacing 0px
P1 Aktiv Grotesk Bold uppercase
Size 20 Line Height 22.5 Character Spacing 0px Case Upper
P2 Aktiv Grotesk Regular
Size 14 Line Height 17.5 Character Spacing 0px
P2 Aktiv Grotesk Medium
Size 14 Line Height 21 Character Spacing 0px
P2 Aktiv Grotesk medium uppercase
Size 14 Line Height 17.5 Character Spacing 0px Case Upper
P2 Aktiv Grotesk regular uppercase
Size 14 Line Height 17.5 Character Spacing 0px Case Upper
P2 Aktiv Grotesk Bold
Size 14 Line Height 21 Character Spacing 0px
P2 Aktiv Grotesk Bold uppercase
Size 14 Line Height 17.5 Character Spacing 0px
P3 Aktiv Grotesk medium uppercase
Size 12 Line Height 18 Character Spacing 0px Case Upper
P3 Aktiv Grotesk bold uppercase
Size 12 Line Height 18 Character Spacing 0px Case Upper
P4 Aktiv Grotesk bold uppercase
Size 10 Line Height 12.5 Character Spacing 0px Case Upper
P4 Aktiv Grotesk regular uppercase
Size 10 Line Height 12.5 Character Spacing 0px Case Upper
Body Activ Grotesk Regular
Size 14 Line Height 21 Character Spacing 0px
Body Activ Grotesk Regular Italic
Size 14 Line Height 21 Character Spacing 0px Decoration Italic
Body Activ Grotesk Medium
Size 14 Line Height 21 Character Spacing 0px
Button Aktiv Grotesk Bold uppercase
Size 12 Line Height 15 Character Spacing 0.5px
Forms
Drawer
Lorem ipsum dolor sit amet, consectetur adipiscing elit.?
All orders are processed within 1-2 business days from one of our fulfillment centers. We do not process and ship orders on weekends. We have 5 fulfillment centers across the US & Canada – Chicago, Philadelphia, Southern California, Ottawa and also from our HQ Warehouse in Northern California.
Drawer Expandend
Lorem ipsum dolor sit amet, consectetur adipiscing elit.?
All orders are processed within 1-2 business days from one of our fulfillment centers. We do not process and ship orders on weekends. We have 5 fulfillment centers across the US & Canada – Chicago, Philadelphia, Southern California, Ottawa and also from our HQ Warehouse in Northern California.
Buttons
Icons
35px
16px
11.5px
33px
28px
16px & 7px
Essential Oils
Essential Oils
Sandalwood
Sandalwood
18px
21px
Placeholder Icons
18px
18px
22px
11px
22px
11px
22px
19px
35px
40px
35px
30px
30px
24px