404 Page Builder
A 404 page appears whenever a visitor lands on a URL that does not exist. Use the 404 Page Builder to turn that dead end into a helpful, on-brand page — complete with a search field to guide people back on track. Every element is customizable: spacing, colors, and typography.
Access it via Theme Settings » 404 Page.
Reference image — replace before publishing16:9
How it’s organized
Section titled “How it’s organized”The 404 page is split into two areas:
- Intro Section — the heading, description, and search field.
- Content Area — the container that wraps everything.
Intro Section
Section titled “Intro Section”The main content of the not-found page. Each element has its own content and styling.
| Element | Options | What it controls |
|---|---|---|
| Heading | Custom title (e.g. “No results”), Color, Typography | The main heading text and its styling. |
| Search Term | Color, Typography | The styling of the search term. |
| Description | Content, Color, Typography | The supporting message shown to the visitor. |
| Button | Background / Hover / Text colors, Typography | The search button’s colors and typography. |
| Field | Background / Hover / Text colors, Typography | The search input’s colors and typography. |
Content Area
Section titled “Content Area”The container that wraps the 404 content.
| Group | Option | What it controls |
|---|---|---|
| Section Layout | Max Width, Vertical Padding | The width of the content area and its top/bottom spacing. |
| Section Color | Background | The background color of the page. |
The 404 page shares the same design system as the rest of the site. See Global Style for colors and typography defaults, and Header Builder or Footer Builder for the surrounding layout.