Typography Styles

You'll see that these typography elements don't have classes. That's because on this page, we want to edit the styles after selecting "All H1 Headings" for example, so that it will effect all the elements on the site. To do this, select the H1 below, click where it says "Select a Class or Tag" and select "All H1 Headings" at the bottom of the list.

Heading 1

Heading 2

Heading 3

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.

Heading 4

Heading 5
Heading 6
Block quote

Ordered list

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

Unordered list

Text link

Bold text

Emphasis

Superscript

Subscript

Heading One

60 px
120%
Bold

Heading Two

48px
125%
Semi Bold

Heading Three

36px
120%
Semi Bold

Heading Four

30px
120%
Semi Bold
Heading Five
24px
32
Semi Bold
Heading six
20px
28px
Semi Bold

Body xl

20px
28px
Normal

Body lg

18px
28px
Normal

Body Base

16px
24px
Normal

Body Small

14px
156%
Normal

Body Small

12px
156%
Normal