Live motion specimen
Movement can explain order, focus attention and make an interface feel physical. This page shows the difference between useful motion and decoration.
Oddities
Five websites for businesses that should not exist.
Each is one page, drawn from scratch for a business too niche to be real, and no two share a typeface or a trick. Open one and play with it.
All five businesses are invented. The sites are in English.
-
01Moth census, Tulcea County
The Lower Danube Moth Census
Volunteers have counted moths on a lit bedsheet every summer night since 1974.
Your pointer is the lamp.
-
02Trolley spotting, Cluj-Napoca
Feral Trolley Watch
A birdwatching club for shopping trolleys living wild in canals and hedges.
Find all eight with the binoculars.
-
03Receipt poetry, Piraeus
Till Roll
A poetry quarterly printed only on receipts, at a kiosk that never closes.
Print a new poem, then tear it off.
-
04Desk cartography, Thessaloniki
The Mug Ring Survey
A mapping agency that surveys coffee rings on office desks as terrain.
Put a mug down anywhere on the sheet.
-
05Sourdough boarding
Pension Levain
A boarding house for sourdough starters while their owners are at the seaside.
Tap the jar to feed her.
- 01
Enter
Cross the first threshold.
Concentric gates turn reading progress into distance. Every move forward comes from your scroll.
- 02
Bend
Let the tunnel bank around you.
The camera leaves the centre line and the rings carry your eye through the curve without taking control away.
- 03
Dive
Aim for the aperture.
An iridescent form fills the frame, opens into a passage and gives way to the working interface beyond.
Scroll position is the camera. No autoplay, no hidden message, and a complete static route when motion is reduced.
01CSS depth
A flat screen can still have depth.
Quiet perspective separates the working surface from the details above it. The hierarchy reads before the effect does.
Move over the stage. The layers respond without moving the copy.
Live interface
Your work, in reach. A clear surface for the next thing that needs attention.02Scroll pace
The page keeps time as you read.
Each idea arrives once, in document order. With scripts off, the same ideas are already there.
- 01 Ready
Set the scene
Give the visitor enough context to understand what follows.
- 02 Visible
Guide the eye
Bring one useful decision forward without hiding the rest.
- 03 Held
Leave it settled
Once revealed, the content stays still and remains easy to revisit.
03Kinetic type
Words can carry the cue.
The opening line is split into real words at build time. It enters as one thought and keeps one accessible name.
No image of text. No client-side word splitting. No second announcement for a screen reader.
Move over the board to test the response.
Restraint is part of the system
Motion when it earns its place.
We can make a site feel alive without making it harder to use. See that judgment applied to your own business.