Animated 404 Page

Summary

A playful 404 error page for superlogical.com where the digits tumble and rearrange across a vivid gradient background with physics-driven animation.

Visual description

A Safari window on a blue desktop shows a full bleed mesh gradient running lilac and hot pink at the top left into coral, orange and acid yellow at the bottom right, with a fine grain over it. Two enormous white numerals sit in the lower right corner, tipped off axis and overlapping so the 4 leans back and the 0 rolls under it, both cropped hard by the window edge. The only copy is one short line of white text set small in the top right, "Sorry, this page doesn't exist.", a deliberate inversion of the usual centered error message. A grab cursor sits on the 0, signalling the digits are draggable.

Key takeaway

Push the error copy to a small corner line and give the whole canvas to oversized numerals that spill past the frame at odd angles. The bleeding crop plus a grab cursor tells people the type is a physics toy before any motion starts.

Reuse notes

Reach for this as a ui screen reference. Pairs with typographic, playful directions. Original by almonk.