Typography
Inter
Black 900
/
Extra Bold 800
/
Bold 700
/
Semi Bold 600
/
Medium 500
/
Regular 400
/
Light 300
/
Extra Light 200
/
Thin 100
Elements
Font Size
Font Weight
Heading 2
46px
600
Heading 3
36px
600
Heading 4
28px
600
Heading 5
24px
500
Heading 6
18px
500
Paragraph
16px
500
Caption
14px
500
Amet Consectetur
Lorem Ipsum Dolor Set
Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent.
Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis.
Button 1 Button 2Template Color Palette
Sample Text
Lorem Ipsum Dolor Set
Primary
#A75AD0
Sample Text
Lorem Ipsum Dolor Set
Secondary
#cee4e8
Sample Text
Lorem Ipsum Dolor Set
Accent
#52b4ff
Sample Text
Lorem Ipsum Dolor Set
Text
#152551
Lights and Darks
Sample Text
Lorem Ipsum Dolor Set
Black
#A75AD0
Sample Text
Lorem Ipsum Dolor Set
Gray Dark 1
#131313
Sample Text
Lorem Ipsum Dolor Set
Gray Dark 2
#252525
Sample Text
Lorem Ipsum Dolor Set
Gray Dark 3
#363636
Sample Text
Lorem Ipsum Dolor Set
Gray Dark 4
#464646
Sample Text
Lorem Ipsum Dolor Set
Gray Dark 5
#545454
Sample Text
Lorem Ipsum Dolor Set
Gray Light 1
#f7f7f7
Sample Text
Lorem Ipsum Dolor Set
Gray Light 2
#ececec
Sample Text
Lorem Ipsum Dolor Set
Gray Light 3
#dfdfdf
Sample Text
Lorem Ipsum Dolor Set
Gray Light 4
#cccccc
Sample Text
Lorem Ipsum Dolor Set
Gray Light 5
#b8b8b8
Sample Text
Lorem Ipsum Dolor Set
Gray
#808080
Light Colors
Sample Text
Lorem Ipsum Dolor Set
Light Red
#fc5656
Sample Text
Lorem Ipsum Dolor Set
Light Orange
#f1734a
Sample Text
Lorem Ipsum Dolor Set
Light Yellow
#fff077
Sample Text
Lorem Ipsum Dolor Set
Light Green
#39d176
Sample Text
Lorem Ipsum Dolor Set
Light Blue
#3d8cdb
Sample Text
Lorem Ipsum Dolor Set
Light Purple
#9e1df0
Normal Colors
Sample Text
Lorem Ipsum Dolor Set
Red
#d72735
Sample Text
Lorem Ipsum Dolor Set
Orange
#fa8d49
Sample Text
Lorem Ipsum Dolor Set
Yellow
#f0c31c
Sample Text
Lorem Ipsum Dolor Set
Green
#34c141
Sample Text
Lorem Ipsum Dolor Set
Blue
#3d8cdb
Sample Text
Lorem Ipsum Dolor Set
Purple
#9e1df0
Dark Colors
Sample Text
Lorem Ipsum Dolor Set
Dark Red
#cd0000
Sample Text
Lorem Ipsum Dolor Set
Dark Orange
#d86500
Sample Text
Lorem Ipsum Dolor Set
Dark Yellow
#f7d100
Sample Text
Lorem Ipsum Dolor Set
Dark Green
#34c141
Sample Text
Lorem Ipsum Dolor Set
Dark Blue
#1563b1
Sample Text
Lorem Ipsum Dolor Set
Dark Purple
#972fc8