EG-2026-00841
Placed 8 August, paid by card
- Customer
- Ada Lovelace
- Total
- 1,240.00
Packing — 62%
Warehouse capacity — 92 of 100 bays
Skin generator
Nine colours, four typefaces and eight numbers. Everything else — every hover, active, foreground, tint, border and radius — follows from them, and anything that follows badly can be typed over one token at a time.
The skin applies to this whole site, not to a preview box, and it is still on tomorrow: read the button page, the tokens page, anything, and see it there. The button in the top bar takes it off again.
Northwind
Every order, in one place
This page is not documentation. It is an ordinary interface, built out of the library, so the skin you are making can be judged on something that looks like work rather than on a row of swatches.
Nothing here is real, and nothing is sent anywhere.
- Revenue
- 1,284,309
- Increased by+12.4%vs last month
- Orders
- 3,401
- Unchanged0.0%vs last month
- Returns
- 86
- Decreased by-3.1%vs last month
Two invoices are waiting for approval
They were raised this morning and nobody has looked yet.
Everything synced
Last run four minutes ago, 3,401 records, no conflicts.
Your session expires in one minute
Save anything unsaved, or sign in again to continue.
We could not save your changes
The server rejected the request. Nothing was lost — try again.
ShippedBeta3 unreadWholesaleCtrl+K
New order
Start typing to search the ledger.
Enter a valid email address.
This order
Order placed
Three items, paid by card.
Shipped
- Notify the customerOne email when the parcel moves
- InvoicePDF, 84 kB
Everything arrived on the day it said it would.
August
| Customer | Status | Total |
|---|---|---|
| Ada Lovelace | Shipped | 1,240.00 |
| Grace Hopper | Packing | 986.50 |
| Karen Spärck Jones | Returned | 312.00 |
| Total | 2,538.50 |
Nothing open
Every order this month has left the warehouse.
Three closed orders, none of them contested.
Checkout
How long does delivery take?
Orders placed before 4pm leave the warehouse the same day.
Can I change the address after paying?
Until the parcel is picked, yes.
In the top layer
Which is where a menu, a tooltip and a dialog all end up.
Saves without leaving the page
Then hand-edit it
The derived values are arithmetic, and arithmetic does not know that the tint behind a danger banner is one step too loud. That is the point of exporting literals rather than a function call: every number is yours to move, and moving one does not silently move four others.
Paste the block into your own stylesheet, set data-skin on <html>, and you are done. The mode follows the reader unless you also set data-theme. There is nothing to register and nothing to rebuild.
Two things the editor will not write for you. It never sets color-scheme — that is the mode axis, and a skin that sets it breaks the light/dark toggle for everything inside it. And it leaves --target-size alone, because tokens/sizing.css raises it under a coarse pointer and a skin that overrode it would quietly take the touch floor away.