Typography

Heading 1 — The quick brown fox

Heading 2 — The quick brown fox

Heading 3 — The quick brown fox

Heading 4 — The quick brown fox


H2 styled as H1 — The quick brown fox

H3 styled as H1 — The quick brown fox

H3 styled as H2 — The quick brown fox

H4 styled as H2 — The quick brown fox

H4 styled as H3 — The quick brown fox

H2 styled as H4 — The quick brown fox


Text Large — The quick brown fox jumps over the lazy dog. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Text Base — The quick brown fox jumps over the lazy dog. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Text Medium — The quick brown fox jumps over the lazy dog. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Text Small — The quick brown fox jumps over the lazy dog. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Text Extra Small — The quick brown fox jumps over the lazy dog. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Text XX Small — The quick brown fox jumps over the lazy dog. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Text Tiny — The quick brown fox jumps over the lazy dog. Lorem ipsum dolor sit amet, consectetur adipiscing elit.


Eyebrow Large — The quick brown fox

Button Text — The quick brown fox


This is a paragraph with a default link style inside of it. Here’s some more text to see how it flows with the link inline.


Unordered List

  • First unordered item
  • Second unordered item
  • Third unordered item

Ordered List

  1. First ordered item
  2. Second ordered item
  3. Third ordered item

A closing paragraph to check the bottom margin spacing after the list.