Skip to content
tileio

Menu

10 layers · 3 free

Website footer designs, newsletter forms included

The footer is where people go when the page didn't answer them, so it needs the sitemap, the ways to get in touch and, for most sites, a newsletter form. Mega Footer, Clock Footer and Wave Wordmark Footer carry the newsletter field; the rest show other jobs a footer can do well.

Two of them change how the page ends: Mega Footer and Reveal Footer sit underneath the content, which slides up off them like a lifted sheet. They need nothing from the sections above except a background and a stacking order.

The 10 layers, in order

  1. A full sitemap footer with a newsletter field in its top band, pinned behind the page and uncovered as the content scrolls off it.

  2. Three office clocks running in real time and dimming at night, a newsletter field, and link groups that fold into accordions on phones.

  3. A giant half-sunk wordmark whose letters bob up in a wave under the pointer, with a newsletter signup in the same footer.

  4. Waits under the page and eases into place as the last section lifts away, with a large 'let's talk' line and the address.

  5. Ruled columns that fold into an accordion when the footer itself is narrow, decided by its own width rather than the screen's.

  6. One row of links over a brand name so large the bottom edge cuts it off, rising as you scroll the last stretch.

  7. A looping band of links whose speed follows your scroll and reverses when you scroll back up.

  8. Each link shows a small preview card of its page that follows the cursor while you hover.

  9. A developer-platform sitemap ending in a working status bar: uptime, region latency and a changelog ticker.

  10. A pixel world map where current readers light up and ripple, with a live count and a pause button.

Browse the full catalogue: Sections

Related collections

All collections