Footers · DESIGN EDITION
Signal studio footer
A graphic studio footer with oversized display type, a bright enquiry panel and a structured contact directory.
No JavaScript required · MIT codeFree HTML footer snippets and Astro components
Download responsive website footers: minimal, agency, local business, shop and editorial layouts. Preview live examples and copy scoped HTML and CSS.
- HTML + Astro components
- Open code and individual downloads
- MIT code · scoped styles
6 designs
Footers · HTML + ASTRO
Minimal inline footer
A compact one-row footer with a wordmark, essential links and a simple copyright line.
Small vanilla JavaScript enhancement · MIT code
Footers · HTML + ASTRO
Agency contact footer
A large email-led agency footer with a project invitation, studio links and a quiet bottom bar.
Small vanilla JavaScript enhancement · MIT code
Footers · HTML + ASTRO
Local business footer
A practical business footer that groups address, opening hours and useful service links.
Small vanilla JavaScript enhancement · MIT code
Footers · HTML + ASTRO
Shop directory footer
A four-column shop footer with customer-service links, product categories and a newsletter area.
Small vanilla JavaScript enhancement · MIT code
Footers · HTML + ASTRO
Publication footer
A serif publication footer with a subscription invitation, section links and contributor routes.
Small vanilla JavaScript enhancement · MIT codeCHOOSING A SECTION
Using these footers
The footer gives visitors a second route to useful pages, contact details and business information. Start with the smallest design that fits those needs. This collection includes a single-line footer, an agency contact statement, a local business directory, a shop layout and a publication footer. The designs work independently of a CSS framework and come with the same HTML and Astro options as the rest of the library. Newsletter areas are demonstration markup and require your own backend before collecting addresses.
- Use link groups with descriptive headings rather than repeating every page.
- Keep telephone, email and policy destinations current.
- Connect and test a real form backend before enabling newsletter collection.