Style Guide

Colors Style

Background Color

background-color-primary

#FFFEF9

background-color-secondary

#F5F3E9

background-color-alternate

#101012

Text Color

text-color-primary

Black
#010101

text-color-secondary

Body Grey
#505050

text-color-alternate

White
#FFFFF9

Typography

Typeface 1

Font Family

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: 120%

body-1

Font size:18px
Line height: 120%

body-2

Font size:16px
Line height: 120%

body-3

Button Text

Font size:20px
Line height: 120%

button-text

Spacing Style

Global Spacing

container
padding-bottom
padding-top
margin-top
margin-bottom
padding-global
padding-section-large-120

Padding style

padding-vertical
padding-horizontal
padding-8
padding-12
padding-16
padding-24
padding-32
padding-40
padding-48
padding-56
padding-64
padding-72
padding-80
padding-custom1
padding-custom2

Margin Style

margin-vertical
margin-horizontal
margin-8
margin-12
margin-16
margin-24
margin-32
margin-40
margin-48
margin-56
margin-64
margin-72
margin-80
margin-custom1
margin-custom2