nav, hierarchy and every label unchanged — this is a visual layer
Two live prototypes, both fully clickable. Open them in separate tabs and walk the same path through each: Low Stock, then Inventory › Service › Glassware. Each has a role switch for admin and crew, and the new one adds a header type toggle so you can see Bricolage against Newsreader.
Rounded cards floating on a warm off-white, navy for every action, and a single weight of bold carrying the whole interface.
Open the current build → stewwell-prototype.pages.devCards out, rules in. Every row carries a reference, status speaks in italic, the count is the content, and out-of-stock owns its row.
Open Art Direction V1 → stewwell-brand-v1.pages.dev| Before | After | |
|---|---|---|
| Structure | Rounded cards, drop shadows | Hairline rules, one heavy rule under each header |
| Type | Newsreader + Mulish | Bricolage headers, Public Sans text, Newsreader for the italic and the counts |
| Ground | Off-white and navy | Shell, stone and slate green — about 90% of every screen |
| Rows | A name and a grey chip | Two-letter department code and three-digit reference on every row |
| Status | One pale pink chip | in stock low out on order |
| Counts | Sans, inside a pill | Serif, tabular, zero-padded — the number is the content |
| Out of stock | Looked like any other row | Owns the row: full-bleed deep terracotta, one per screen at most |
| Imagery | None | Drawn line art for every item, in clay on stone |
| Legibility | Quiet tier at 1.9:1 | Every tier clears WCAG AA |