Section templates

Footers, eight ways.

Each variant below is self-contained markup you can copy straight into a page. Drag the hue slider to retint all of them at once, flip the theme to check dark mode, and narrow the window: every one is responsive.

01

Minimal

Logo, five links, a status pill and the copyright on one line that wraps cleanly on phones. Best for apps and single-product sites.

02

Classic

Brand blurb and four link columns, then legal links, a region picker and social icons. Best for SaaS marketing sites.

03

Newsletter

A signup panel above the columns, with a real email field and a reader count. Best for content-led brands.

04

Big CTA

A brand panel that overlaps the footer's top edge, so the last thing on the page is the ask. Best for landing pages.

Ship the release. Skip the war room.

One checklist for the whole launch: code freeze to changelog. Free for teams of up to ten.

05

Dark mega

Stays dark in either theme: app badges, contact details, five columns and an oversized wordmark. Best for platforms with a lot to link.

06

Centered

Mark, tagline, one row of links and the social icons, all on the centre line. Best for portfolios and small shops.

07

Local business

Opening hours with today marked, the address, a phone number and a map drawn in CSS. Best for cafés, clinics and studios.

08

Accordion

Link columns are native details on phones and plain open columns from 48rem up. Best for shops with long footers.