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

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

Body Text

Font size:20px
Line height: 120%
Letter Spacing: 0%

body-1

Font size:18px
Line height: 120%
Letter Spacing: 0%

body-2

Font size:16px
Line height: 120%
Letter Spacing: -1%

body-3

Button Text

Font size:20px
Line height: 120%
Font weight: 500
Letter Spacing: -1%

button-text

Spacing Style

Global Spacing

container
padding-bottom
padding-top
margin-top
margin-bottom
padding-global
padding-section-xxlarge-200
padding-section-xlarge-140
padding-section-large-120

Padding style

padding-vertical
padding-horizontal
padding-tiny-8
padding-xxsmall-12
padding-xsmall-16
padding-small-24
padding-medium-32
padding-large-40
padding-xlarge-48
padding-xxlarge-56
padding-huge-64
padding-xhuge-72
padding-xxhuge-80
padding-custom1
padding-custom2

Margin Style

margin-vertical
margin-horizontal
margin-tiny-8
margin-xxsmall-12
margin-xsmall-16
margin-small-24
margin-medium-32
margin-large-40
margin-xlarge-48
margin-xxlarge-56
margin-huge-64
margin-xhuge-72
margin-xxhuge-80
margin-custom1
margin-custom2