WordPress 404 page patterns, Pattern Paste

Canonical: https://patternpaste.com/patterns/error/

4 layout options 2 Styled looks No plugin needed

# WordPress 404 page patterns

Add a WordPress 404 page section with block patterns: one clear mark, a line of explanation and a way back, built from core blocks.

6 layout options shown

Showing 1–6 of 6

Sort by Per page

Lightbox Pattern page

Live preview at its actual size. Scroll to explore the whole section.

Explore pattern (https://patternpaste.com/patterns/)

Shot in Twenty Twenty-Five 404 No plugin needed

## 404 page

A 404 page built as one mark: the numeral set at extreme display size in a single centred column, with the message and its heading bounded to the numeral's own optical width so the two read as one block.

404 Preview pattern (https://patternpaste.com/pattern/error-404.html)

Shot in Twenty Twenty-Five 404 No plugin needed

## Index beside the field

A 404 that reads in two parts rather than three: the label, the headline, one line of instruction and a working search field hold a 60% column, and the site's three most recent posts stand beside them in a rail closed off by a vertical hairline, each entry dated and hung under a rule of its own.

404 Preview pattern (https://patternpaste.com/pattern/error-index-rail.html)

Shot in Twenty Twenty-Five 404 No plugin needed

## 404 search

A 404 that offers the one thing a lost visitor can use: a working search field set at display size and running the full measure, so the field is the largest thing on the page and the apology is the caption above it.

404 Preview pattern (https://patternpaste.com/pattern/error-search.html)

Shot in Twenty Twenty-Five 404 No plugin needed

## 404 split

A 404 built as a seam: the numeral at up to 176px on one side, a ruled index of four destinations on the other, and one unbroken currentColor hairline down the join that every row rule runs into.

404 Preview pattern (https://patternpaste.com/pattern/error-split.html)

404 Own palette

## Mint and cherry , 404 page (https://patternpaste.com/pattern/error-404.html#variant=mint-and-cherry)

404 page

Authored font stack with theme and device fallbacks

Explore this design (https://patternpaste.com/pattern/error-404.html#variant=mint-and-cherry)

404 Own palette

## Oxblood and sand , 404 split (https://patternpaste.com/pattern/error-split.html#variant=oxblood-and-sand)

404 split

Authored font stack with theme and device fallbacks

Explore this design (https://patternpaste.com/pattern/error-split.html#variant=oxblood-and-sand)

## Choose a layout for your page

Say the page is missing, offer search or the main sections, and keep the mood in your theme rather than a joke that dates.

New to patterns? Learn how to copy and paste a pattern (https://patternpaste.com/how-it-works/). Read how we test patterns (https://patternpaste.com/how-we-test/).

All Core Patterns (https://patternpaste.com/patterns/)