Footer

Page footer with site links, legal info, and secondary navigation

What is it?

A footer anchors the bottom of the page and contains secondary navigation, company information, legal links, and social links. Footers are usually consistent across pages and provide discoverability for lesser-used but important links.

Mockdown

```
┌────────────────────────────────────────────────────────┐
│  Company Logo       Products  Resources  Legal  Social  │
│  © 2026 Company Name • Terms • Privacy • Contact       │
└────────────────────────────────────────────────────────┘
```

Characteristics:
- Multiple link columns
- Compact legal line and copyright
- Optional newsletter signup or small CTAs

Layouts Using This Pattern

┌───────────────────────────────────────────────┐
│  ┌───────────────────────────────────────┐    │
│  │  ✉  Preview text goes here...         │    │
│  └───────────────────────────────────────┘    │
│                                               │
│              ◉ ACME Inc.                      │
│                                               │
│  ┌───────────────────────────────────────┐    │
│  │                                       │    │
│  │    🚀 Introducing Our New Feature     │    │
│  │                                       │    │
│  │    We've been working hard to bring   │    │
│  │    you something special...           │    │
│  │                                       │    │
│  │         [ Learn More → ]              │    │
│  │                                       │    │
│  └───────────────────────────────────────┘    │
│                                               │
│  ┌──────────┐  ┌──────────┐  ┌──────────┐    │
│  │ Feature 1│  │ Feature 2│  │ Feature 3│    │
│  │   desc   │  │   desc   │  │   desc   │    │
│  └──────────┘  └──────────┘  └──────────┘    │
│                                               │
│  Unsubscribe · Preferences · View Online      │
└───────────────────────────────────────────────┘

Marketing

Product Launch Email Campaign

A responsive HTML email layout for a product launch — featuring a hero image, feature highlights, social proof, and a single focused CTA — compatible with major email clients.

--email--campaign--launch

Simple

Use these prompts to generate layouts built with this pattern.

--footer --legal --links --sitemap

Ready to build?

Use this pattern as inspiration when creating UI layouts with AI tools.

Try the Editor Browse Layout Prompts