<section>
  <article>
    <h1 class="title">Typography</h1>
    <p>The base styles and type for all components in the <a target="_blank" href="https://www.figma.com/file/QqVfPZwDTpElNvapWKw5Zm/Transit-Kit?node-id=0%3A1">Transit Kit</a>.</p>
  </article>  
  <article>
    <span>Headings (h1-h6)</span>
    <h1 class="tk-heading--h1">Bobby practices his kickflip daily.</h1>
    <h2 class="tk-heading--h2">Bobby practices his kickflip daily.</h2>
    <h3 class="tk-heading--h3">Bobby practices his kickflip daily.</h3>
    <h4 class="tk-heading--h4">Bobby practices his kickflip daily.</h4>
    <h5 class="tk-heading--h5">Bobby practices his kickflip daily.</h5>
    <h6 class="tk-heading--h6">Bobby practices his kickflip daily.</h6>
  </article>
  <article>
    <span>Paragraph</span>
    <p class="tk-text--lg">Ipsa qui non aliquid culpa officiis eos. Et earum nesciunt dolore facilis odit quia fuga itaque aut. Non amet fugiat et minus dignissimos veritatis magnam eos.</p>
    <p>Ipsa qui non aliquid culpa officiis eos. Et earum nesciunt dolore facilis odit quia fuga itaque aut. Non amet fugiat et minus dignissimos veritatis magnam eos.</p>
    <p class="tk-text--sm">Ipsa qui non aliquid culpa officiis eos. Et earum nesciunt dolore facilis odit quia fuga itaque aut. Non amet fugiat et minus dignissimos veritatis magnam eos.</p>
  </article>
  <article>
    <span>Links</span>
    <div>
      <a class="tk-text--lg">Learn more</a>
    </div>
    <div>
      <a>Learn more</a>
    </div>
    <div>
      <a class="tk-text--sm">Learn more</a>
    </div>
  </article>
  <article>
    <span>Lists</span>
    <p>Unordered List:</p>
    <ul>
      <li>Ut delectus ad perspiciatis blanditiis deleniti dolorum dignissimos blanditiis id.</li>
      <li>Ut delectus ad perspiciatis blanditiis deleniti dolorum dignissimos blanditiis id.</li>
      <li>Ut delectus ad perspiciatis blanditiis deleniti dolorum dignissimos blanditiis id.</li>
      <li>Ut delectus ad perspiciatis blanditiis deleniti dolorum dignissimos blanditiis id.</li>
    </ul>
    <p>Ordered Lists:</p>
    <ol>
      <li>Ut delectus ad perspiciatis blanditiis deleniti dolorum dignissimos blanditiis id.</li>
      <li>Ut delectus ad perspiciatis blanditiis deleniti dolorum dignissimos blanditiis id.</li>
      <li>Ut delectus ad perspiciatis blanditiis deleniti dolorum dignissimos blanditiis id.</li>
      <li>Ut delectus ad perspiciatis blanditiis deleniti dolorum dignissimos blanditiis id.</li>
    </ol>
  </artcile>
</section>