Typography

Headings


  <h1 class="u-canon">...</h1>

  <h1>...</h1>

  <h2>...</h2>

  <h3>...</h3>

  <h4>...</h4>

  <h5>...</h5>

  <h6>...</h6>

Text

Open this example in a new window


  <p class="u-brevier">...</p>

  <p class="u-minion">...</p>

  <p class="u-body-copy">...</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>