Multi-column dark footer with logo mark

Six-column dark footer, first column is reserved for the logo mark only, keep it uncluttered. Collapses to 3 then 2 columns on smaller widths, test the wrap point against the client's actual link count.

pattern · linear.app footervanilla

Get a site with blocks like this

Live preview

open in new tab ↗

<footer class="lft-wrap">
  <div class="lft-top">
    <div class="lft-col">
      <div class="lft-logo"></div>
    </div>
    <div class="lft-col"><h5>Product</h5><a href="#">Intake</a><a href="#">Plan</a><a href="#">Pricing</a></div>
    <div class="lft-col"><h5>Features</h5><a href="#">Agents</a><a href="#">Integrations</a><a href="#">Changelog</a></div>
    <div class="lft-col"><h5>Company</h5><a href="#">About</a><a href="#">Careers</a><a href="#">Brand</a></div>
    <div class="lft-col"><h5>Resources</h5><a href="#">Docs</a><a href="#">Status</a><a href="#">Developers</a></div>
    <div class="lft-col"><h5>Connect</h5><a href="#">Contact</a><a href="#">Community</a><a href="#">X</a></div>
  </div>
  <div class="lft-bottom"><span>&copy; 2026 Company</span><a href="#">Privacy</a><a href="#">Terms</a></div>
</footer>

Block id: linear-footer-columnsvanilla · drop-in

More footer blocks

Five-column footer with language selector

cal.com

Multi-column footer with bottom bar

vercel.com

Want the whole site, not just the block?

We ship real client sites in 3 weeks — with blocks like this one, wired to your brand.

Get my free 15-min audit Book a Discovery Call