fin1te/dsv1.0.0
  1. ds
  2. Patterns
  3. Footer

Footer

The contact block and the base row.

Show code
<footer class="ftr">
  <div style="padding-inline:1.75rem">
    <div class="ftr-cta">
      <div>
        <p class="label">Contact</p>
        <h2>Working on something that needs to be faster, smaller or more reliable?</h2>
      </div>
      <div class="btn-row"><a class="btn primary" href="#">hello@example.com</a><a class="btn" href="#">Résumé (PDF)</a></div>
    </div>
    <div class="ftr-base">
      <ul class="ftr-links"><li><a href="#">GitHub</a></li><li><a href="#">LinkedIn</a></li><li><a href="#">RSS</a></li></ul>
      <p class="mono" style="font-size:.75rem">© 2026 · Your name</p>
    </div>
  </div>
</footer>

One question and two buttons, then a quiet base row. The footer is the only full-width block on --bg-sunk.