<section class="section section-tokens" aria-labelledby="skeleton-heading">
  <h2 id="skeleton-heading">Skeleton</h2>

  <h3>Text placeholders</h3>
  <div style="max-width: 320px">
    <div class="skeleton skeleton-title"></div>
    <div class="skeleton skeleton-text"></div>
    <div class="skeleton skeleton-text"></div>
    <div class="skeleton skeleton-text" style="width: 70%"></div>
  </div>

  <h3>Shape placeholders</h3>
  <div class="cluster">
    <span class="skeleton skeleton-circle skeleton-md"></span>
    <span class="skeleton skeleton-rect" style="width: 160px"></span>
    <span class="skeleton skeleton-pill"></span>
  </div>
</section>