BR-P18L

Three complete product design systems

Each candidate is a whole system, not a colour change: its own navigation, control library, documents list and grid, document editor, control laboratory and logo. Open a candidate and use it — the mockups are clickable and responsive. Design exploration — sample data, nothing here is real.

Superseded design history — Candidate 2 (Blue Vault) was selected; logo 2B is canonical.

There is no selection control on this page. The choice belongs to the Product Owner, and nothing here records or anticipates a decision. No candidate touches pilot data, storage or any provider.

Candidate 1
bobby receipts
Ledger Signal
Sharp, editorial, high-confidence.
A finance-desk system with black controls, a hard coral signal and dense typographic tables. It looks like a serious ledger, not a SaaS template.
InkPaperCanvasSignal coralCool greyRule
Documents list
Document editor
View full candidate View Documents View editor
Candidate 2
bobby receipts
Blue Vault
Slick, focused, premium application workspace.
A dark-rail product workspace with a bright blue action language, layered popovers and a thumbnail-first library that switches instantly to a dense list.
Navy railDeep navyElectric blueMintSlateCanvas
Documents list
Document editor
View full candidate View Documents View editor
Candidate 3
bobby receipts
Clear Desk
Friendly, spacious, operational.
A calm white workspace with coloured category markers, supplier marks in the list and an amber accent reserved for the things a human must decide.
InkSkyAmberGreenCanvasLine
Documents list
Document editor
View full candidate View Documents View editor

Side-by-side comparison

Dimension	1. Ledger Signal	2. Blue Vault	3. Clear Desk
Navigation	Light sidebar, black selected item, coral rule marker	Dark navy rail, blue selected state, counts inline	White sidebar, coloured category markers, sky selected pill
Controls	Black primary, coral action, 4px radius, hard borders	Blue primary, soft blue secondary, 10px radius, layered popovers	42px tactile flat controls, sky primary, amber decisions
List and grid	Dense table first, thumbnail grid on demand	Thumbnail grid first, segmented switch to list	Visual list with supplier marks; equally complete card grid
Editor	Paper canvas centre, workbench panel right	Dark rail, neutral canvas, white work panel	Soft cards and dividers, still dense enough for real work
Tone	Editorial, exact, confident	Product-led, efficient, modern	Warm, plain-spoken, operational
Accessibility	Ink on paper at 17:1; accent only above 4.5:1 on white	Blue on white 5.4:1; status never colour-only	Ink 13:1; amber used with text, never colour alone

Desktop and mobile proof

Each candidate is drawn at desktop width and at a 380px mobile frame, so the same system can be judged in both presentations before anything is adopted.

1. Ledger Signal

Desktop

Mobile

2. Blue Vault

Desktop

Mobile

3. Clear Desk

Desktop

Mobile

Superseded design history — Candidate 2 (Blue Vault) was selected; logo 2B is canonical. These routes are design prototypes. They never read or write pilot documents, never call a provider and never change the canonical brand or the live application styling.