Centered Astronaut
A centered 404 screen: a framed astronaut adrift over a soft glow above a bold headline, a short lede, and pill CTAs to head home or go back.
A centered 404 screen: a framed astronaut adrift over a soft glow above a bold headline, a short lede, and pill CTAs to head home or go back.
Search blocks by description or jump to a page.
The source for every Modern SaaS block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Centered Astronaut is a 404 screen with a sense of calm about being lost. A framed photo of an astronaut adrift in front of the moon anchors the column, then an uppercase "404 error" label, a bold balanced headline, a short lede, and two pill CTAs that point the visitor back home or to the previous page.
The section fills the viewport and centers everything, so it drops straight into a not-found route with nothing else around it. The frame and copy are built from theme tokens, so the screen reads cleanly in both light and dark mode. The photo is the only asset and carries the mood without any extra decoration.
Reach for this on the not-found route of an AI assistant product, the page a visitor lands on after following a dead link or a mistyped URL. The astronaut keeps the moment light, the bold headline names the problem clearly, and the pair of CTAs gives a way out instead of leaving the visitor stranded.
It also suits any Modern SaaS route that has no content yet, when you want a calm centered layout that shares the feel of the rest of your product.
A natural flow around it on a Modern SaaS page:
Before
After
The photo, copy, and CTAs are all independent, so you can adapt the screen to fit your product without restructuring the layout.
Tip: keep the headline to a few words and let the lede carry the detail, so the screen stays as calm as the rest of the collection.