Website Footer Designs

Lumen Aurora Footer is a dark studio footer with a serif call to action, link columns and a blurred aurora that rises as visitors reach the end of the page. Orbita Wordmark Footer pairs a status pill and three link columns with a full-width wordmark over an ember gradient, where particles scatter from the cursor. Sodaworks Gooey Footer is a bold electric-blue footer for drinks and food brands, with merging bubbles along its top edge, an email signup and a ruled link directory. Each of the three ships as one HTML file. Website Footers is a Figma set of three footers for a notes app: light link columns, a dark wordmark footer and a compact bar.

A footer is where visitors land after reading the whole page, so it carries the last call to action and the links they did not find above. Group links by intent (product, company, resources, legal) instead of repeating the main menu, and keep the newsletter signup or contact action to one clear field. Put the copyright line, privacy and terms links at the bottom where people expect them.

Motion in a footer works as a reward for reaching the end: the aurora rising in Lumen Aurora or the cursor particles in Orbita make the close of the page feel finished. A quiet footer, like the compact bar in Website Footers, suits product and documentation sites where people scroll down only to find a link. Keep any animation behind the text, never on the links themselves.

Wrap the footer in a footer element, label link groups with headings and check contrast on dark and coloured backgrounds. Respect reduced motion by stopping background animation, and make sure the signup field has a visible label and a clear error state.