Primary colors
Color Code:
Primary
Color Code:
Secondary
Color Code:
Tertiary
Color Code:
Background
Font colors
Color Code:
Heading
Color Code:
Paragraph
Color Code:
Border
Buttons
Headings and Paragraph
H
Heading 1
Font Family
:
Kanit (free Google font)
Font Size
:
70 px
Font Weight
:
600
Line Height
:
86 px
Heading 1
H
Heading 2
Font Family
:
Kanit (free Google font)
Font Size
:
48 px
Font Weight
:
600
Line Height
:
60px
Heading 2
H
Heading 3
Font Family
:
Kanit (free Google font)
Font Size
:
30 px
Font Weight
:
600
Line Height
:
44 px
Heading 3
H
Heading 4
Font Family
:
Kanit (free Google font)
Font Size
:
24 px
Font Weight
:
500
Line Height
:
38 px
Heading 4
H
Heading 5
Font Family
:
Kanit (free Google font)
Font Size
:
18 px
Font Weight
:
500
Line Height
:
28 px
Heading 5
H
Heading 6
Font Family
:
Kanit (free Google font)
Font Size
:
14 px
Font Weight
:
400
Line Height
:
22 px
Heading 6
P
Paragraph
Font Family
:
Lato (Google font)
Font Size
:
16 px
Font Weight
:
400
Line Height
:
26 px
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.