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

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

Color

Wide range typography scale from heading, body and other text element.
#FDFBE6
#FFFAC6
#FCFCFC
#F4F4F5
#E5E5E8
#D5D5D9
#A2A2AB
#707079
#53535C
#404047
#28282B
#17171A
#000000
#FFFFFF

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