style guide

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
heading-style-h7
Heading 7
Body Text
Font size: 17px | Line height: 28px | Font Weight: Normal | Letter spacing: 0%

body

Font size: 15px | Line height: 26px | Font Weight: Normal | Letter spacing: 0%

text-size-medium

button , link & tag
Font size: 12px | Line height: 18px | Font Weight: Medium | Letter spacing: 10%
tag
Font size: 15px | Line height: 18px | Font Weight: Medium | Letter spacing: 2%
color style
background colors
background-color-primary
212121
background-color-secondary
F8F8F9
background-color-offbrown
312F30
text colors
text-color-primary
text-color-red
text-color-green
text-color-mosque
text-color-orange
text-color-blue
text-color-lightbrown
text-color-golden
text-color-offwhite
Border
Dark Border
413F40
Light Border
DEDEDF
Input Color
Input Title
807F80
Input Text
626262
Gradient Color
Fade Black
7A2F3E
Linear
3B863F
spacing style
structure Spacing & padding
container-large [ 1328 ]
container-medium [ 1328 ]
padding-global [ 20 ]
padding-section-large [ 128 ]
padding-bottom
padding-top
padding-vertical
padding-horizontal
padding-tiny
padding-xxsmall
padding-xsmall
padding-small
padding-medium
padding-large
padding-xlarge
padding-xxlarge
padding-huge
padding-xhuge
padding-xxhuge
padding-custom1
margin
margin-bottom
margin-top
margin-vertical
margin-horizontal
margin-tiny
margin-xxsmall
margin-xsmall
margin-small
margin-medium
margin-large
margin-xlarge
margin-xxlarge
margin-huge
margin-xhuge
margin-xxhuge
margin-custom1