---
id: "2113057754650960054"
source: https://x.com/bestdesignsonx/status/2113057754650960054
author: "Best Designs On X (@bestdesignsonx)"
media: "video, 3840x2156, 19.6s"
model: claude-opus-5-5
generated: 2026-10-22
---
# Sunken Aquarium 404 Page

## Summary
A 404 page where the error itself has fallen into an aquarium: under the line "This page sank", big translucent 4, 0 and 4 digits bob in a dark water tank with seaweed, fish and crabs, and shaking the browser window sloshes the water and tosses the digits around. A memorable, physical take on a dead end.

## Style
- Theme: dark
- Mood: playful, calm, surprising, atmospheric
- Tags: 404, aquarium, water-physics, window-shake, floating-digits, illustration, easter-egg
- Category: 404, Motion

## Palette
| Role | Hex |
|---|---|
| Night | #131211 |
| Charcoal | #272422 |
| Deep water | #0F1F26 |
| Water | #1D3038 |
| Water light | #304450 |
| Haze | #5C666B |
| Text | #E8E6E1 |
| Muted text | #A3AEAB |
| Seaweed | #3E7A4E |
| Crab red | #D0452F |

## Typography
- Headline: large thin-to-regular sans, white, centred, about 3% of the frame width. Inter (400).
- Subline: two short centred lines in muted grey. Inter (400).
- Nav: small sans links and a white pill "Sign in" button.

## Layout
- 16:9 frame (3840x2156); top nav (logo left; Catalog, Pricing, Sign in right).
- Headline and subline centred in the upper third.
- Water tank fills the bottom 40% edge to edge, with sand along the bottom.
- "Mute the water" pill with a speaker icon at the bottom right.

## Elements
- Digits: large extruded 4, 0, 4 in pale grey glass, partly submerged and distorted by the water.
- Water surface: thin bright line with waves; light shafts and floating particles below.
- Tank life: green seaweed strands, blue and striped fish, small red crabs, scattered pebbles.
- Sound toggle pill, dark with a light outline.

## Motion
- At rest the water gently waves and fish swim slowly; digits bob.
- Dragging or shaking the window makes the water slosh up the sides and throws the digits around (physics with buoyancy).
- Digits can be grabbed out of the water and dropped back in with a splash.
- Water sound plays unless muted.

## Rebuild it
1. Render the tank on a canvas or WebGL layer at the bottom of the page; simulate the surface as a 1D spring chain (heights) that reacts to window velocity (`window.screenX/Y` deltas).
2. Use a 2D physics engine (Matter.js or Rapier) for the digits with buoyancy below the surface line.
3. Draw digits as extruded-looking text with a light grey gradient; distort the submerged part with a small displacement shader.
4. Add parallax layers for seaweed, fish (looping paths) and sand; light shafts as faint gradients.
5. Keep the copy short and add a clear link home in the nav; use a placeholder brand.

## Generation prompt
A playful dark 404 web page: centred thin white headline "This page sank" with a short grey subline, and below it a dark teal aquarium filling the bottom of the screen where large translucent 4, 0 and 4 digits bob in the water among seaweed, small fish and red crabs, with light shafts and a wavy surface line; calm, atmospheric, surprising, no real brand names.