<h1>Headline Level 1</h1>
<h2 class="headline_secondary">Headline Level 2 - Secondary</h2>
<h2>Headline Level 2</h2>
<h3 class="headline_secondary">Headline Level 3 - Secondary</h3>
<h3>Headline Level 3</h3>
<h4 class="headline_secondary">Headline Level 4 - Secondary</h4>
<h4>Headline Level 4</h4>
<h5>Headline Level 5</h5>
<h6>Headline Level 6</h6>
<p class="subtitle">Subtitle</p>
<p>General Copy</p>

---

Link that displays as text .link--text

---

Link that is gray3 .link--gray2

---

Link that is gray3 .link--gray3

---

Link that is white .link--white

---

Link with a text decorations .link--underline

<a href="#" class="[modifier class]">Link</a>

---

no bottom margin .type--tight

---

Changes the type to be white .type--white

---

Changes the type to be gray1 .type--gray1

---

Changes the type to be gray2 .type--gray2

---

Changes the type to be gray3 .type--gray3

---

Changes the type to be gray4 .type--gray4

---

Changes the type to be teal .type--teal

---

Changes the type to be teal-dark .type--teal-dark

---

Changes the type to be green .type--green

---

Changes the type to be red .type--red

---

Changes the type to be yellow .type--yellow

---

Smaller than the default font size .type--xsmall

---

Smaller than the default font size .type--small

---

Exactly the default font size .type--normal

---

Larger than the default font size .type--large

---

Changes the type to be 100 weight .type--light

---

Changes the type to be 400 weight .type--normal

---

Changes the type to be 500 weight .type--semibold

---

Changes the type to be 500 weight .type--primary

---

Changes the type to be 500 weight .type--secondary

---

Changes the type to be 500 weight .type--mono

<h3 class="type [modifier class]">
  Check out this type!
</h3>