Patterns
The composition tier the app screens are built from — stat bands, record rows, boards, trees and rails, all on the same tokens.
Stat band
A divided strip of headline figures inside a card — label over a 20px value, hairline seams between cells. Three- and four-cell cuts.
Glyph plaques
The tinted square that fronts a row, tile or feed entry — soft tint plus its AA-tuned foreground, never a border. Sizes 32 / 40 / 48.
Row list
The roomy alternative to a table — glyph, two lines, meta on the right. An unread row carries the accent rail.
Day feed
The activity log's dot rail — one card per day, a tinted plaque per kind of change, the record itself as a quiet chip.
- Product “Walnut serving tray” created.
- Order DSH-10238 moved to shipped.
- Discount SPRING10 deleted.
Library tree
Folders on the dark tile, documents on white, one 28px indent per level — count chips and state icons ride the row.
Kanban board
Quiet column heads, raised cards with an optional priority bar, meta chips — and a labelled empty slot, never a fake drop zone.
Status breakdown
A record fanning out into stages — icon head with the total, an indented left-railed list with a count per stage. Floats as a popover or sits flat in a page.
Workspace switcher
The sidebar's raised brand card — kicker over name, caret, and a popover listing workspaces with a check on the active one.
Tool rail
A frosted-glass base holding 52px raised tiles; the active tile flips to the near-black control surface. Vertical or horizontal.