---

Type setting for hero modules .type--hero

---

Type setting for descriptions .type--description

<div class="type [modifier class]">
  <h2>Heading</h2>
  <p class="subtitle">Subtitle</p>
</div>

<div class="type type--quote">
  <p class="type--quote-body">
    Quote Body
  </p>
  <p class="type--quote-attribution">
    -Quote Attribute
  </p>
</div>

---

Spacer to the left .type_spacer--before

---

Spacer to the right .type_spacer--after

---

White type spacer .type_spacer--white

---

Teal type spacer .type_spacer--teal

---

gray3 type spacer .type_spacer--gray3

<span class="type_spacer [modifier class]">The circle is the spacer</span>