Style Guide

Colors Style

Background Color/Brand

background-color-primary

#F3F4F1

background-color-secondary

#FFF

background-color-alternate

#1F1F1F

Text Color
text-color-primary

Black
#1F1F1F

text-color-secondary

Body
#656565

text-color-alternate

White
#FFF

text-color-red

Red
#C62618

text-color-body

Body
#656565

text-color-gray

Gray
#888986

text-color-lightgray

Light gray
#D9D9D9

text-color-ivory

Ivory
#F3F4F1

Typography

Typeface 1

Clash Grotesk

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

0123456789 !@#$%^&*()

Typeface 1

Supreme

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

0123456789 !@#$%^&*()

Heading Tag

H1 tag

Heading 1

H2 tag

Heading 2

H3 tag

Heading 3

H4 tag

Heading 4

H5 tag

Heading 5

H6 tag

Heading 6
Heading Style class

heading-style-h1

Heading 1

heading-style-h2

Heading 2

heading-style-h3

Heading 3

heading-style-h4

Heading 4

heading-style-h5

Heading 5

heading-style-h6

Heading 6
Body Text

Font size:20px
Line height: 28px

body-1

Font size:18px
Line height: 24px

body-2

Font size:16px
Line height: 22px

body-3

Font size:14px
Line height: 20px

body-4

Font size:12px
Line height: 18px

body-5

Button

Primary Button

Contact Us

Spacing Style

Global Spacing
container
padding-bottom
padding-top
margin-top
margin-bottom
padding-global
padding-section-large-140
Padding style
padding-vertical
padding-horizontal
padding-4
padding-10
padding-18
padding-20
padding-24
padding-32
padding-40
padding-48
padding-60
padding-72
padding-80
padding-140
Margin Style
margin-vertical
margin-horizontal
margin-4
margin-10
margin-18
margin-20
margin-24
margin-32
margin-40
margin-48
margin-60
margin-72
margin-80
margin-140