Split With Links
A 404 page with a split header, a giant outlined number over a dotted grid, and a row of helpful link cards to get visitors back on track.
A 404 page with a split header, a giant outlined number over a dotted grid, and a row of helpful link cards to get visitors back on track.
The Modern SaaS Collection unlocks the source for every Modern SaaS block. All Access unlocks every Collection.
Already purchased? Log in
Split With Links turns a dead end into a soft landing. A quiet back link sits at the top, then a split header pairs the error label and a calm headline on the left with a short, reassuring line on the right. The eye drops to a soft, bordered panel where a giant outlined 404 floats over a fading dotted grid, the same outlined wordmark device the collection uses elsewhere.
Below the panel, a row of helpful link cards points visitors back to the pages they were probably after. The whole layout is built from theme tokens with no external images, so the number, the grid, and the cards all invert cleanly between light and dark. Every piece of copy is independent, so you can rewrite the message or change the links without touching the layout.
Reach for this block as the body of your 404 route, when someone hits a moved, mistyped, or retired URL and you want to keep them on the site instead of sending them back to a search engine. The split header keeps the moment light, and the link cards give a clear next step the instant the page loads.
It also works as a holding page for a feature that is not live yet, or as a gentle empty state for a section that has nothing to show. Anywhere a visitor lands somewhere that is not quite right, this block gives them a way forward.
The three cards are the heart of the block. Point them at wherever your visitors most often need to reach:
Tip: keep each card to a short title and a single line of context, so the row stays scannable and the visitor can pick a path at a glance.