Tray · final design

The stones are the colour. Everything else gets out of the way.

A dealer's whole business on one phone: the stock, the memos, the clients, the numbers, and a catalog their buyers open at 2 a.m. in New York. Seven screens, one design system, one source of truth.

< 30 severy core task
1 tapshare, memo, sold
0brand colours
01 · HOME

How's business? What do I do now?

Five seconds, no scrolling. What needs a hand is on top, six plain numbers underneath, one suggestion that has a button. Every row is a tap to the thing that fixes it.

  • Attention rows carry an icon, a name and an age, nothing else.
  • Numbers are set at 30 px in tabular figures so columns line up.
  • A suggestion only appears once the dealer has enough data to make it true.
02 · STOCK

A photo grid, not a spreadsheet.

Four hundred stones, found in seconds. Typing trade words becomes filter chips. Pinch for density. A consigned stone says who has it; a reserved one says so in the dealer's own tray.

  • Status is an icon plus a word, never colour alone: it must read in sunlight and to colour-blind eyes.
  • Saved searches sit in the chip row for the questions buyers ask every week.
03 · STONE

One stone, the whole story.

The hero photo fills the width on a black tray. Carat and price are the largest type on the screen. Specs sit in a quiet table, the certificate is one tap to the lab's own page, and the history shows every time this stone was shared, viewed or sent out.

  • Three actions, fixed at the thumb: Share, Memo, Sold.
  • Cost price lives behind a long-press on the price, never on screen by default.
04 · ADD

Camera first. The form is an afterthought.

The photo already exists before the form appears, and the stone is saved before the upload finishes. The sheet asks for the things dealers say first, in the order they say them, with yesterday's answers pre-selected.

  • Carat and price are typed on a decimal-first keypad with 56 px keys.
  • Shapes are icons, so the screen reads without English.
  • A later version suggests species and shape from the photo and asks the dealer to confirm.
05 · CONSIGNMENT

The paper slip, replaced.

One memo, one client, several stones, each with its own fate. Two came back, one sold, one is still out and four days late. The slip is a frozen card sent to WhatsApp as a picture and a link; nobody argues about what was on it.

  • Marking a stone Sold records the sale to that client in the same tap.
  • The memo closes itself when every line is home.
06 · SHARE

The card is the marketing.

One square image with a thin caption band, the specs in the message, a price line the dealer can switch off, and a link whose preview shows the same photo. A buyer who receives this asks the dealer what app it is.

  • Multi-stone shares send an album, one caption each.
  • Nothing is sent from a business API; it is the dealer's own WhatsApp.
07 · CATALOG

A link that opens. Stones that appear.

The dealer's catalog exists the moment one stone is switched on. Public visitors see specs and media; clients the dealer has granted see prices too. Same card, same chips, same tokens as the app, so a stone looks the same in the dealer's hand and on the buyer's screen.

  • "Ask about this stone" opens WhatsApp with the reference filled in.
  • Sold and consigned stones disappear on their own.
07b · CATALOG ON A DESK

And when the buyer is at a desk.

The same catalog, wider. Big image left, the quiet table right, the lab report one click away. Calm, like a gallery page, with one green button.

The system under it.

Neutral gallery. Near-white and near-black surfaces, one typeface, one icon weight, four status colours that always travel with an icon. Same token names in Flutter and as CSS variables on the web.

surface#FAFAF9
surface-elevated#FFFFFF
text-primary / accent#141414
text-secondary#5C5C5C
available · positive#1F7A4D
reserved · warning#9A5B00
consignment#3550C8
sold#6B6775
surface (dark)#0E0E0F
surface-elevated (dark)#1A1A1C
available (dark)#5CC592
consignment (dark)#8CA3FF
Type · Inter · tabular figures
number-xl 32/600$412,300
number-lg 24/6003.21 ct · $6,400
title 20/600Ruby, Mozambique
body 16/400Unheated, eye-clean, oval 9.1 × 7.0 mm
caption 14/500Ref R-0142 · added 41 days ago
Status chips
AvailableReservedWith Mr. LeeSold
Shape icons · one stroke weight
Buttons · 56 px · one primary per screen
Share
Memo
Spacing 8 pt · radius 8 / 12 / 16 · motion 120 / 200 / 320 ms