JSOORGAMING

Every screen in the product, drawn before a single table exists. Nothing here talks to a server and nothing is real — no account you make is kept, no order you place reaches anyone. It is here so the flows can be argued about while they are still cheap to change.

Start here

The two that show what the product actually is.

Open this on your phone The customer app Scan a table, order, bring friends onto your tab, book a seat, join the queue. Twenty-six screens, all of them walkable. It installs to a home screen. Progressive web app The floor Ten machines in four rooms, four billiard tables, five cafe tables. One viewport, no scrolling, and a rail carrying whatever needs you right now. The signature screen

The counter

What a member of staff does all evening.

Selling Ringing an order without losing sight of the room, typing what something actually went for, and splitting a table of four into four receipts that add up. U5 Closing the shift Count the drawer, count five things on the shelf, explain what did not match, leave the float and seal the rest into an envelope with your name on it. U6 Movements Everything that happened, with who did it and who it was about. It is the money position with the filter cleared, so every figure opens the set beneath it. U7 Paper A receipt for each person and a day close with two signatures. One ink, no colour — everything the screen does with tone, paper does with words. U9

The foundations

Drawn first, because everything above inherits from them.

Peek Five facts and one action, wherever you press. Also where we settled what a permission-limited view looks like, as opposed to a broken one. U1 The record One design that holds a visit, a customer, a machine, an order, a shift and a stock item. If a new thing needs a new page, it was never a design. U2 When things go wrong Loading, empty, stale, offline, and the difference between your connection being down and one machine being down. They are not the same and must never look it. U3 The app, annotated The same customer flows laid out side by side with the reasoning, rather than walked one screen at a time. U8

The system underneath

The tokens and components every screen above is built from.

JSOOR Gaming The accent, the seven state tones, six heights of light, three typefaces, and the five things that are allowed to move. Vertical The family system What JSOOR Gaming shares with JSOOR Tech, the gym and SLMA. Fifteen components, eight laws, one app shell. RAWASI

Try it in daylight. Every screen carries a light and a dark ground and the switch is in the top bar. Dark is the default because staff look up from these screens onto a floor lit by monitors — but the light one is not an afterthought, and it is worth a look before anyone decides.