Interactive web experience

Penny Black, 1840

A museum-inspired exhibition about privilege, postal reform and the birth of prepaid post

July 2026

I wanted to see whether a potentially dry historical subject could feel like a proper museum visit in the browser: paced, object-led, accessible and worth exploring rather than simply scrolling past.

The result is a self-contained exhibition in twelve narrated rooms, beginning before stamps with the cost of receiving a letter and Parliament’s free-post privilege, then moving through the Penny Black, Twopenny Blue and Penny Red.

Interactive history Accessible audio Vanilla JavaScript Cloudflare Pages
The Penny Black digital exhibition showing a folded pre-stamp letter beside the opening story room.
The story

The stamp only matters once the problem is clear

The exhibition starts with the old system: charges based on distance and sheets, usually collected from the recipient. It then introduces parliamentary franking, which allowed qualifying letters signed by Members of Parliament to travel free while ordinary correspondents could face several days’ wages for a single message.

That contrast makes the reform legible. The Penny Black was not simply a collectible object. It was visible proof of a wider bargain: payment in advance, one predictable rate and the end of free parliamentary post for a privileged few.

Experience design

Built to reward curiosity

Object-led rooms

Real public-domain stamp scans, a cursor-accurate loupe, varied cancellation strikes, a printing press and reversible black-to-blue-to-red transitions.

Audio that follows the text

A mature British narration is embedded with word timings, highlighting the transcript as it is read without requiring a live speech service.

A playful finish

The Post Run turns the rise in letter volume into a short sorting-room arcade game with keyboard, touch and reduced-motion support.

Delivery

One file, several ways to experience it

The complete exhibition, imagery, audio, timings, sound effects and game are contained in one HTML file. It works as a standalone site, can be embedded in an iframe, and has no runtime framework or API dependency.

I tested the finished build across desktop, a short Mac viewport, mobile, keyboard, touch, iframe messaging and reduced-motion settings before deploying it as its own Cloudflare Pages subsite.

Visit

Travel back to 1840

Allow around sixteen minutes for the full narrated route, or explore the objects and game at your own pace.

Penny Black, 1840 interactive exhibition.