# 404 Universe — 30 Creative Error Experiences

Premium 404 UI kit. Each page in `pages/` is a **standalone HTML file**
(no build step, no frameworks). Open `index.html` to browse all 30 demos.

## Structure

- `index.html` — showcase / landing with search, category filters, dark/light mode (persisted in localStorage)
- `pages/01-…` … `pages/30-…` — 30 independent 404 experiences
- `assets/css/tokens.css` — shared customization tokens
- `documentation/README.md` — this file

## Use a page

Copy any single file from `pages/` into your project and change:

- the `<h1>` / headline text
- the primary CTA `href="/"` → your home URL
- `history.back()` secondary action works as-is
- CSS variables at the top of `<style>` (`--bg`, `--text`, `--accent`, radius, speed)

## WordPress

Each page keeps text / CTA / nav in plain HTML (not buried in JS),
so conversion to a `404.php` template is a copy-paste job.

## Accessibility

Semantic landmarks, visible `:focus-visible`, keyboard-operable widgets,
`prefers-reduced-motion` support, no info conveyed by animation alone.

## Categories

Minimal · Illustration · Retro · Sci-Fi · Interactive · Surreal · Cinematic