Prototype — not the real game

Match-a-Sock UX layouts

Pick a UI layout (saved on this device), open it, or jump via quick links. Same stations & select→destination demos; phone-friendly.

UI layout

A · Room map Top-down laundry room · 3-row echo · scrollable on phone B · Pipeline recommended Baskets→Washer→Table→Hanger→Dry · stacks on narrow screens C · Focus + peek One large station + peek rail · tap peek to switch

Choice stored in localStorage as mas-ux-variant. Syncs with the switcher inside each prototype.

Quick links

A · Room map

Laundry room

Top-down / slight isometric room. Stations in space; empty slot ghosts; select → destinations glow.

Open A

B · Pipeline · recommended

Wash flow

Horizontal (desktop) / stacked (phone). Capacity bars, action dock, reagents until washer focused.

Open B

C · Focus + peek

Focus station

One large station center; peek rail with fill + thumbnails. Tap peek to switch focus.

Open C