Meridian

Twelve to eighteen pieces a season, cut in small runs. Structured shirting, wide trousers, one coat. No sale, no seasonal churn.

The brief

There is no online store and there should not be one. The customer already knows their size; what they want to know is the fabric, the cut, and whether it is still there. The site has to create the want and then send them to the door.

What we built

Grey pattern-cutting paper as the page ground, tailor’s chalk for raised surfaces, and exactly one hot orange used for a single thing: which sizes are actually in stock. Thirty-one pages — a page per garment, per fabric, plus the store, the making, and a fitting request.

The detail that does the work

The collection hangs on a rail: a horizontal scroll with one caption that stays put and names whichever piece is centred.

Horizontal scrollers are usually bad on the web — they hijack the wheel, break the keyboard and hide themselves from search. This one is built properly, and building it properly is the point. Native CSS scroll-snap, no scroll-jacking. Arrow keys move between garments; Tab walks them in order and scrolls each into view. Screen readers get a labelled list and a live region that announces the centred piece. With JavaScript off it is still a readable list. On a phone it becomes a vertical stack, because horizontal scroll on a phone fights the browser’s back gesture.

Stock is shown honestly — a filled square for a size you can have, hollow for one you cannot. Sold out is never hidden.