Not found page/In the app today
Valere CRM · Design foundations

Not found page

Not found page

The page an address lands on when no route matches it, or when the Lead, Opportunity, Account or Contact it names is not there. Today, signed in, it sits in the app shell; signed out, on the auth layout. First the page as the app draws it today, then six proposed versions, each with a picture that moves.

A proposal carries no layout: no sidebar, no top bar, signed in or not. The brand mark sits at the top left and the two actions are the way back. Each is a full 1280 × 800 screen like the sign-in boards. Pause holds a frame, Restart plays the picture from the start, Full size shows it at the size of the window; Esc closes it. A picture waits while it is off screen, and starts on its last frame, so a screenshot shows it finished.

The app's page is web/packages/crm/src/pages/NotFound.tsx (POC-6.1-404), routed as * through SessionLayout. The six pictures are not in the app; what adding one would take is item 8 of App changes.

In the app today

In the app

Text only: the code in mono, the title, two sentences, the actions, a rule and a note. Signed in, the block is 560 px wide, left-aligned, 64 px under the top bar, and the actions lead to the role's dashboard and to Leads (or to the Overview of the record type the address named). Signed out, the same text sits on the auth card and the one action is Sign in. The proposals below drop the shell and the card both.

Signed in

Liam Carter, Land, follows an old link to a Lead that was removed.

/leads/hatch-farm
Error 404

Page not found

We cannot find that page. The link may be out of date, or the record may have been removed. Check the address, or find it from the sidebar.

If you followed a link inside Valere CRM and landed here, tell the person who sent it so they can fix it.

Signed out

The same address with no session: the auth layout, and Sign in as the way on.

/leads/hatch-farm
Valere CRM
Error 404

Page not found

We cannot find that page. The link may be out of date, or the record may have been removed. Check the address, or sign in and find it from the sidebar.

If you followed a link inside Valere CRM and landed here, tell the person who sent it so they can fix it.

The same in every proposal

  • The text. "Error 404", two sentences, the two actions, the rule and the note are the app's, unchanged. Only the title changes, to fit the picture; the app's "Page not found" would do for all six.
  • No layout. A Not found page stands on its own: no sidebar, no top bar, whether signed in or not (decided 2026-10-07). The brand mark at the top left, then the picture and the text side by side, centered, at most 1020 px wide.
  • Signed out. The same page; only the actions change, to Go to sign in.
  • Colors and type. Every color is one of the app's tokens or a tint of one; the type is Inter at the app's sizes. The pictures are inline SVG, no image files.
  • Narrow screens. Under 1100 px the text goes under the picture; under 760 px the sidebar goes. Full size on a phone shows it.
  • Reduced motion. Every picture holds its last frame when the system asks for less motion.

1. Empty plot

Proposed

A surveyor’s plan on the left. A boundary draws itself around nothing, a pin with a question mark drops into it, and the plot gets its label: Plot 404, not on the plan. The page says what a Land user would say.

/leads/hatch-farm
Valere CRM
Error 404

This plot is not on the plan

We cannot find that page. The link may be out of date, or the record may have been removed. Check the address, or find it from the sidebar.

If you followed a link inside Valere CRM and landed here, tell the person who sent it so they can fix it.

How it moves

Picture
A plan on a white card: a faint grid, contour lines, three neighbouring plots in the Land teal, a road. All in the app’s tokens.
What moves
The boundary draws itself (2.5 px, the action green), the fill tints in, the pin drops with a bounce and its shadow appears, the label slides in.
Loop
12 seconds; the drawing fades and starts again. Pause holds a frame, Restart plays it from the start.
At rest
The finished plan: boundary, pin, label. That is what reduced motion shows, and what a screenshot shows.

2. Signpost

Proposed

A country fingerpost with an arm for each page of the app, and one more arm, loose on its nail, for this one. In the app the five arms could be the links themselves, which the Not found page already has as buttons.

/sites/hatch-farm
Valere CRM
Error 404

No sign points here

We cannot find that page. The link may be out of date, or the record may have been removed. Check the address, or find it from the sidebar.

If you followed a link inside Valere CRM and landed here, tell the person who sent it so they can fix it.

How it moves

Picture
A sky in primary-100, two hills in the Land tint, a slate post, white arms with the action green text.
What moves
The clouds drift. The loose arm swings on its one nail, never still.
Loop
None: the clouds and the arm move all the time. Restart puts them back to their first position.
At rest
The arm hangs at 25 degrees; the clouds stand where they are.

3. Not a stage

Proposed

The stage bar fills from New Lead to Legals, one dot at a time, as the stage engine would move a deal. A thirteenth dot hangs under the rail, dashed and red, reading 404: it is not in the stage table, and nothing moves to it.

/opportunities/42/offers
Valere CRM
Error 404

This is not a stage we know

We cannot find that page. The link may be out of date, or the record may have been removed. Check the address, or find it from the sidebar.

If you followed a link inside Valere CRM and landed here, tell the person who sent it so they can fix it.

How it moves

Picture
The stage table drawn as the app’s stage bar: eleven dots on a rail, labels above and below.
What moves
The rail fills from left to right and each dot lights as it is passed, in the order of the table. When the rail is full the 404 dot shakes its head.
Loop
12 seconds.
At rest
The rail full, every stage lit, the 404 dot still under it.

4. Lost record

Proposed

The Site in the middle, with the records every page reads: the Landowner, the Buyer, the Contractor, a Contact, a Legal task. One more sits at the edge, dashed, its link broken: a record that nothing points to is a record we cannot find.

/contacts/9f3c
Valere CRM
Error 404

This record is linked to nothing

We cannot find that page. The link may be out of date, or the record may have been removed. Check the address, or find it from the sidebar.

If you followed a link inside Valere CRM and landed here, tell the person who sent it so they can fix it.

How it moves

Picture
The Connected record sign-in board, in daylight on a white card: the product’s own diagram.
What moves
Every record floats a little, each at its own phase. The broken link’s dashes run away from the Site.
Loop
None: it breathes all the time.
At rest
The diagram, with the dashed record at the top right.

5. Fog on the field

Proposed

A field at night under a thin fog, with a moon and one peg that reads 404. The only dark picture of the six: it sits on the page as a card, so the shell around it stays as it is.

/accounts/greenfield-estates
Valere CRM
Error 404

No site at this address

We cannot find that page. The link may be out of date, or the record may have been removed. Check the address, or find it from the sidebar.

If you followed a link inside Valere CRM and landed here, tell the person who sent it so they can fix it.

How it moves

Picture
A navy sky in the sign-in panel’s colors, a crescent moon, two hills, a white peg, three bands of fog.
What moves
The stars breathe; the three bands of fog drift across at their own pace, so the picture never repeats exactly.
Loop
None.
At rest
The field, the moon, the peg; the fog where it stopped.

6. Crane

Proposed

A tower crane lowers the last digit of 404 into place next to the two already on the ground. The one picture here about building rather than land.

/opportunities/ashcombe/tenders
Valere CRM
Error 404

This page is not on site

We cannot find that page. The link may be out of date, or the record may have been removed. Check the address, or find it from the sidebar.

If you followed a link inside Valere CRM and landed here, tell the person who sent it so they can fix it.

How it moves

Picture
A crane in the action green, drawn with the lines of a site plan; three digits in Inter Bold.
What moves
The trolley runs out along the jib, the hook comes down on its cable, the digit swings and settles on the ground.
Loop
12 seconds; after a pause the trolley goes back for the next one.
At rest
404 on the ground, the hook still on it.