Footer templates

End the page properly: minimal link columns, mega footers with CTA bands and status indicators, and compact single-row variants.

11 variants · neutral wireframe · ready to reskin with your design tokens

Minimal footer·Condensed minimal footer·Centered minimal footer·Minimal footer with newsletter·Mega footer·Mega footer with status·Mega footer with CTA band·Mega footer with social icons·Compact footer·Centered compact footer·Compact footer with social

Minimal footer

Brand block with tagline, three link columns, legal row at the bottom. Standard clean footer.

footer/minimal/default

Copy agent promptLive previewUse in editor

Condensed minimal footer

Tighter spacing and smaller text, brand plus two link columns. For limited vertical budget.

footer/minimal/condensed

Copy agent promptLive previewUse in editor

Centered minimal footer

All content center-aligned: brand, wrapping link row, copyright. Symmetric layout.

footer/minimal/centered

Copy agent promptLive previewUse in editor

Minimal footer with newsletter

Brand, two link columns, and a newsletter signup form. Captures emails alongside navigation.

footer/minimal/with-newsletter

Copy agent promptLive previewUse in editor

Mega footer

Large brand area plus four full columns of links. For sites with deep navigation.

footer/mega/default

Copy agent promptLive previewUse in editor

Mega footer with status

Mega layout plus a service status pill under the brand. Inline operational signal.

footer/mega/with-status

Copy agent promptLive previewUse in editor

Mega footer with CTA band

A CTA band (heading, subhead, buttons) above the full footer grid. Footer-level conversion push.

footer/mega/with-cta

Copy agent promptLive previewUse in editor

Mega footer with social icons

Mega layout with social icon buttons under the brand. Promotes social presence.

footer/mega/with-social

Copy agent promptLive previewUse in editor

Compact footer

Single row: brand and copyright left, links right. Minimal footprint.

footer/compact/default

Copy agent promptLive previewUse in editor

Centered compact footer

Brand on top, wrapping links, centered copyright. Compact and symmetric.

footer/compact/centered

Copy agent promptLive previewUse in editor

Compact footer with social

Single row with brand left, links and social icons inline right. Social with minimal vertical space.

footer/compact/inline-social

Copy agent promptLive previewUse in editor

claude mcp add --transport http rifframe https://rifframe.app/api/mcp

> "Add a footer section to my landing page"

Your coding agent can search and pull these sections directly. How it works.