Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageKinetic 404 Page
Full-screen "page not found" utility page built as a plain, fully editable Bricks tree: section > container > a two-column Grid (a Stage with three giant "404" digits, and an Info column with a real h1, an apology, a searc…
50 sites for €79 only, Compare all plans
All photos and visual assets used in this preview are sourced from Unsplash.
The system behind it
One pattern, your whole brand.
Kinetic 404 Page reads your ACSS tokens, so changing a color, a font or a spacing value once restyles it everywhere. No hard-coded values, nothing to override.
- Type
- Layout
- Category
- Utility pages
- Responsive
- Desktop to phone
- Works with
- Bricks, ACSS, plain CSS
Options 12
Set on the section, in Bricks’ attributes panel. No code needed.
data-themere-themes the page
data-accentwhich ACSS colour token tints the digits, focus rings and links
data-illustrationswap the giant variable-font digits for a plain editable image placeholder
data-searchshow or hide the search field (kept in the markup either way)
data-radiuscorner radius of the search field and link rows
data-densityvertical rhythm of the copy column
data-fall-digitwhich of the three "404" digits plays the on-load spring fall
data-fall-durationms
data-fall-easingdata-fall-delayms
data-tilt-intensity0-100 · how far the digits lean toward the pointer (0 disables the pointer-follow entirely)
data-reducedwhat replaces the motion under prefers-reduced-motion — a plain fade-in, or no transition at all
Component props 1
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
labelPricing
url#pricing
descriptionPlans and usage-based add-ons
showDescriptionTrue
Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro
