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.
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
Split With Links turns a dead end into a soft landing. A quiet back link sits at the top, then a split header pairs 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. For a logistics and delivery platform the link cards are especially useful: send drivers to the tracking portal, operations staff to the dashboard, and general visitors to the help center, all from one page.
The split header keeps the moment light, and the link cards give a clear next step the instant the page loads.
A natural flow around it on a Modern SaaS page:
Before
After
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.