Pley Logo

Style Guide

Brand Colors

Primary
Dark Brown
#322D2A
White
#FFFFFF
Dark Grey
#919191
Light Grey
#F7F7F7
Secondary
Green
#7AA450
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

Aktiv
Grotesk
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789!@#$%^&*()_+

Text Styles

Desktop

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

Mobile

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

Drop Down

Text Box

Field

Field Floating Label

Error

*Please enter valid email address

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.



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

00

22px

19px

35px

40px

35px

30px

30px

24px