Style Guide
Typography
Wide range typography scale from heading, body and other text element.
Geist
•
black
•
56px / 64px / -0.56px
Heading One
Geist
•
black
•
48px / 56px / -0.48px
Heading Two
Geist
•
black
•
40px / 40px / 0px
Heading Three
Geist
•
black
•
32px / 40px / -0.32px
Heading Four
Geist
•
black
•
24px / 32px / -0.24px
Heading Five
Geist
•
black
•
20px / 28px / 0px
Heading Six
Geist
•
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.
Geist
•
regular
•
20px / 28px / 0px
Body Large Regular
Geist
•
Medium
•
20px / 28px / 0px
Body Large Medium
Geist
•
regular
•
18Px / 26PX / 0.16px
Body Normal Regular
Geist
•
medium
•
18Px / 26PX / 0.16px
Body Normal Medium
Geist
•
regular
•
16px / 22px / 0.14px
Body Small Regular
Geist
•
regular
•
16px / 22px / 0.14px
Body Smal Medium
Geist
•
regular
•
14px / 20px / 0.14px
Body S Medium
Geist
•
regular
•
14px / 20px / 0.14px
Body S Medium
roboto flex
•
special quote
•
32px / 40px / 0px
Special / Quote
Instrument sans
•
special button text
•
18px / 32px / 0px
Instrument sans
•
special l bold
•
20px / 28px / 0px
Special Text L Bold
Instrument sans
•
special s bold
•
16px / 24px / 0.32px
Special Text S Bold
Instrument sans
•
special Xs bold
•
12px / 16px / 0px
Special Text XS Bold
Instrument sans
•
nav link
•
12px / 16px / 0px
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.
#FCFCFC
#F4F4F5
#E5E5E8
#D5D5D9
#A2A2AB
#707079
#53535C
#404047
#28282B
#17171A
#000000
#FFFFFF
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.
Block quote
Ordered list
- Item 1
- Item 2
- Item 3
Unordered list
- Item A
- Item B
- Item C
Bold text
Emphasis
Superscript
Subscript