Typography

Our typography with global settings for headings, body text, lists and more.

Headings


  <h1>...</h1>

  <h2>...</h2>

  <h3>...</h3>

  <h4>...</h4>

  <h5>...</h5>

  <h6>...</h6>

Text

Open this example in a new window


  <p class="font-size-display">...</p>

  <p class="font-size-sm">...</p>

  <p class="font-size-xs">...</p>

  <p class="font-size-base">...</p>

  <p>
    <a href="#">...</a>
  </p>

Lists

Open this example in a new window


  <ul>
    <li>...</li>
    <li>...</li>
    <li>...</li>
    ...
  </ul>

  <ul>
    <li>...</li>
    <li>...</li>
    <li>...</li>
    ...
  </ul>

  <blockquote>
    <p>...</p>
    <cite>...</cite>
  </blockquote>

Blockquote

Open this example in a new window


  <blockquote>
    <p>...</p>
    <cite>...</cite>
  </blockquote>