Mynos

Application demos

Whole products.
One token layer.

The screen library proves a pattern. A demo proves the system — a complete application that has to stay coherent across routes, hold its layout at every viewport, and survive being clicked. Five of them: four desk consoles and one phone app, one per archetype, and nothing shared but the tokens.

Demos5
Desktop4
Mobile1
Primitives52

The lineup

Five products, five archetypes

Each demo is a separate application with its own routes and its own chrome, modelled on the products people actually use for that kind of money work. None pins a colour — all five wear the accent you chose and have to hold in every scheme.

Operations consoleWears the accent you pick
01

Almanac

Live

A bookkeeper's console — today's decisions, four hundred entries, the bank reconciled against them, and the month close.

Primitives under test

data-tablecommandbadgesheetkbddropdown-menustatus-dotmetriccheckboxtabstooltippopover

A 400-row ledger reviewed from the keyboard — j and k to move, e to edit, c to clear — with the entry opening beside the list.

src/app/demos/almanacOpen Almanac
Sidebar and documentWears the accent you pick
02

Cairn

Live

An assistant workspace — every reply shows its tool calls and the artifact it built, kept in a library you can reopen.

Surfaces · 6

Primitives under test

message-scrollermessagebubbleresponsemarkercollapsibleattachmenttabstablecharthover-cardtooltipskeletonspinnercommandsheetdropdown-menuinput-group

An answer with its tool calls opened beneath it and its artifact in the panel beside — then read full width from the library.

src/app/demos/cairnOpen Cairn
Chart-first dashboardWears the accent you pick
03

Fathom

Live

A reporting workspace for a finance team — the numbers that moved, a builder for any measure and period, and the reports it posts.

Surfaces · 7

Primitives under test

line-chartarea-chartdonut-chartsparklinecompare-barsheatmap-calendardeltaamounttoggle-grouphover-cardslidernumber-input

One report from day to year — the range pill moves the data, the delta and the headline together, and nothing on the page jumps.

src/app/demos/fathomOpen Fathom
Pipeline boardWears the accent you pick
04

Oriel

Live

A trade desk for a homewares maker — a pipeline from first sample to first order, the stockists who reorder, and the forecast.

Surfaces · 6

Primitives under test

dropdown-menudialogradio-grouptogglecheckboxtextareaselectavatarbadgebar-chartemptyinput-group

A deal dragged to a new stage and the page answering at once — totals, forecast and history — with undo and a keyboard path for the same move.

src/app/demos/orielOpen Oriel
Phone columnWears the accent you pick
05

Tender

Live

The phone companion to a books console — the approvals queue, each entry beside its receipt, and a capture that reads one.

Surfaces · 6

Primitives under test

drawermoney-inputinput-otpcarouselmetersparklinedonut-chartitemavatar-groupemptysonner

Clear an entry in three taps — open it, read the receipt beside the policy verdict, approve — or swipe back to return it with a reason.

src/app/demos/tenderOpen Tender