Style Guide
Heading Styles

Heading 1

Outfit Bold 64px/72px

Heading 2

Outfit Semi Bold 54px/66px

Heading 3

Outfit Bold 46px/72px

Heading 4

Outfit Semi Bold 36px/46px
Heading 5
Outfit Semi Bold 28px/38px
Heading 6
Outfit Semi Bold 22px/32px
Paragraph Style

Paragraph

Outfit Normal 18px/32px

Small Paragraph

Outfit Normal 16px/28px
Other Text Style
Button Text
Montserrat Bold 16px/28px
Monserrat Semi Bold 16px/30px
Small Text
Outfit Medium 14px/19px
Monserrat Medium 15px/40px
Color styles
Black
#000000
White
#FFFFFF
Dark Blue
#2A325C
Grey
#8A91B1
Light Purple
#F6F8FF
Green
#4AD190
Purple
#A966FF
Blue
#4A68FF
Shadow Classes
Shadow Lite
Shadow Medium
Shadow Dark
Widget Shadow
Widget Shadow Dark
Special Classes
Slide In 100ms
Slide In 200ms
Slide In 300ms
Slide In 400ms
Slide In From Right 200ms
Slide In From Left 200ms
Fade In 100ms
Fade In 200ms
Fade In 300ms
Fade In 400ms
Overflow Hidden
Movement Wrapper
Movement High in Z Direction
Movement Low in Z Direction
Mouse Move Over Interaction Trigger
Rotate In Positive Y
Rotate In Negative Y
Inherit
Purchase Now