# Footer

> Footer design reference — layout patterns, sticky footers, SEO, accessibility, legal requirements. Use when designing web page footers or implementing responsive footer components.

- Skill: `bytesagain/footer` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add bytesagain/footer`
- Raw SKILL.md: https://api.skillmd.com/api/skills/bytesagain/footer/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Marketing & Growth
- Author: bytesagain (https://skillmd.com/u/bytesagain)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/bytesagain/footer

---


# Footer — Web Footer Design & Implementation Reference

Quick-reference skill for designing and implementing web page footers, covering layout patterns, accessibility, responsive behavior, and best practices.

## When to Use

- Designing a website footer layout with proper structure
- Implementing sticky or fixed footer behavior
- Adding legal/compliance content (copyright, privacy, terms)
- Making footers accessible and SEO-friendly
- Building responsive footer components

## Commands

### `intro`

```bash
scripts/script.sh intro
```

Overview of footer design — purpose, anatomy, and design principles.

### `patterns`

```bash
scripts/script.sh patterns
```

Common footer layout patterns — fat footer, minimal, mega footer, sitemap-style.

### `sticky`

```bash
scripts/script.sh sticky
```

Sticky footer techniques — flexbox, grid, and classic methods.

### `html`

```bash
scripts/script.sh html
```

Semantic HTML structure for footers — proper tags, ARIA roles, landmarks.

### `css`

```bash
scripts/script.sh css
```

CSS patterns for responsive footer layouts — grid, flexbox, media queries.

### `legal`

```bash
scripts/script.sh legal
```

Legal and compliance content — copyright notices, privacy links, cookie consent.

### `accessibility`

```bash
scripts/script.sh accessibility
```

Accessibility best practices — navigation, contrast, screen readers, WCAG.

### `examples`

```bash
scripts/script.sh examples
```

Real-world footer examples and code snippets.

### `help`

```bash
scripts/script.sh help
```

### `version`

```bash
scripts/script.sh version
```

## Configuration

| Variable | Description |
|----------|-------------|
| `FOOTER_DIR` | Data directory (default: ~/.footer/) |

---

*Powered by BytesAgain | bytesagain.com | hello@bytesagain.com*