Style Guide
Typography
Wide range typography scale from heading, body and other text element.
Manrope
•
Medium
•
56px / 64px / -0.56px
Heading One
Manrope
•
Medium
•
48px / 56px / -0.48px
Heading Two
Manrope
•
Medium
•
40px / 40px / 0px
Heading Three
Manrope
•
Medium
•
32px / 40px / -0.32px
Heading Four
Manrope
•
Medium
•
24px / 32px / -0.24px
Heading Five
Manrope
•
Medium
•
20px / 28px / 0px
Heading Six
Inter
•
all paragraph
•
18px / 32px / 0px
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.
Inter
•
regular
•
20px / 32px / 0px
Body Large Regular
Inter
•
Medium
•
20px / 32px / 0px
Body Large Medium
Inter
•
Semi-bold
•
20px / 32px / 0px
Body Large Semi-bold
Inter
•
Bold
•
20px / 32px / 0px
Body Large Bold
Inter
•
regular
•
18px / 28px / 0.16px
Body Neutral Regular
Inter
•
medium
•
18px / 28px / 0.16px
Body Neutral Medium
Inter
•
Semi-bold
•
18px / 28px / 0.16px
Body Neutral Semi-bold
Inter
•
Bold
•
18px / 28px / 0.16px
Body Neutral Bold
Inter
•
regular
•
16px / 24px / 0.14px
Body Small Regular
Inter
•
Medium
•
16px / 24px / 0.14px
Body Small Medium
Inter
•
semi-bold
•
16px / 24px / 0.14px
Body Small Semibold
Inter
•
Bold
•
16px / 24px / 0.14px
Body Small Bold
Inter
•
Regular
•
16px / 24px / 0.14px
Body Tiny Regular
Inter
•
medium
•
16px / 24px / 0.14px
Body Tiny Medium
Inter
•
semibold
•
16px / 24px / 0.14px
Body Tiny Semibold
Inter
•
Bold
•
16px / 24px / 0.14px
Body Tiny Bold
Heading Text
Wide range typography scale from heading, body and other text element.
Heading One
Heading Two
Heading Three
Heading Four
Heading Five
Heading Six
Text Aligment
Wide range typography scale from heading, body and other text element.
Text Align Left
Text Align Center
Text Align Right
Color
Wide range typography scale from heading, body and other text element.
Purple Brand
#0249D9
Light Purple
#E7EFFF
White
#FFFFFF
Black
#08090A
Neutral Lightest
#F6F6F6
Neutral Lighter
#CCCCCC
Neutral
#8A8F98
Neutral Dark
#666666
Neutral Darker
#444444
Neutral Darkest
#222222
Button
Wide range typography scale from heading, body and other text element.
Form
Wide range typography scale from heading, body and other text element.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Rich Text
Wide range typography scale from heading, body and other text element.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
"Ipsum sit mattis nulla quam nulla. Gravida id gravida ac enim mauris id. Non pellentesque congue eget consectetur turpis. Sapien, dictum molestie sem tempor. Diam elit, orci, tincidunt aenean tempus."
Ordered list
- Item 1
- Item 2
- Item 3
Unordered list
- Item A
- Item B
- Item C
Bold text
Emphasis
Superscript
Subscript