TypographyHeadingText AlignmentColorCardButtonFormRich Text

Style Guide

Typography

Wide range typography scale from heading, body and other text element.
Instrument serif
•
Regular
•
56px / 64px / -0.56px

Heading Display

Instrument serif
•
Regular
•
56px / 64px / -0.56px

Heading One

Instrument serif
•
Regular
•
48px / 56px / -0.48px

Heading Two

Instrument serif
•
Regular
•
40px / 40px / 0px

Heading Three

Instrument serif
•
Regular
•
32px / 40px / -0.32px

Heading Four

Instrument serif
•
Regular
•
24px / 32px / -0.24px
Heading Five
Instrument serif
Instrument serif
•
Regular
•
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
•
18px / 32px / 0px
Body L Regular
inter
•
Medium
•
18px / 32px / 0px
Body L Medium
inter
•
regular
•
16px / 28px / 0.16px
Body N Regular
inter
•
medium
•
16px / 28px / 0.16px
Body N Medium
inter
•
regular
•
14px / 24px / 0.14px
Body S Regular
inter
•
Medium
•
14px / 24px / 0.14px
Body S Regular
inter
•
special quote
•
32px / 40px / 0px
Special / Quote
inter
•
special button text
•
18px / 32px / 0px
button text
inter
•
special l bold
•
20px / 28px / 0px
Special Text L Bold
inter
•
special s bold
•
16px / 24px / 0.32px
Special Text S Bold
inter
•
special Xs bold
•
12px / 16px / 0px
Special Text XS Bold
inter
•
nav link
•
12px / 16px / 0px
Nav Link

Heading Text

Wide range typography scale from heading, body and other text element.
Heading One
Heading One
Heading Three
Heading Four
Heading Five
Heading Six
Heading Two

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
#1C1C1C
#FFFFFF

Button

Wide range typography scale from heading, body and other text element.
Button Text
Button Text
This is Button

Form

Wide range typography scale from heading, body and other text element.
Text area
Select Field
Select Field
Select Field
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

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript