Typography

Choose fonts and define your typography scale for consistent text styling.

Heading Font

Body Font

Base Font Size (px)

Type Scale

Base Line Height

(150%)

Small text - Lorem ipsum dolor sit amet.

Body text - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Large text - Lorem ipsum dolor sit amet.

Heading 4

Heading 3

Heading 2

Heading 1

Display

Body text - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Size	Font Size	Line Height	Line Height (px)
xs	13px	1.5	20px
sm	16px	1.47	24px
lg	20px	1.43	29px
h4	25px	1.38	35px
h3	32px	1.31	42px
h2	40px	1.22	49px
h1	49px	1.13	56px
display	62px	1	62px
base	16px	1.47	24px