How a pattern gets here
A screen ships in walmart-mvp or speedway, the canon writes down what it settled, and the composite is rebuilt here from kit parts alone. The recipes behind them are in the app patterns docs.
Dashboards
Headline numbers and split layouts for overview pages- headline numbers as stat tiles, auto-fit grid
- two-pane split, hairline row dividers
- one small card per destination, a sentence of purpose, the arrow in the toolbar
Workflows
Progress and stage indication for multi-step jobs- numbered knobs, completion-colored connectors
- 90ms grace, eased trickle, completes on arrival
Forms
Upload and entry composites proven on shipping screens- the dashed row on a borderless surface, files beneath
- search Input, running count, checkbox rows, scoped Attach
Module settings
The four V1 console modules rendered from their schemas by SchemaForm, with the app's slots stubbed- fields table with prompt and rules in the row, templates as presets, preview beside
- generate or edit as mode cards, colour swatches, compact dropzone, a warning status line
- rows seeded from the file, a fetched multiselect per row, coverage hints
- the smallest module: a checklist with sample hints, an admin-only field, a match preview
Structure
Page headers, sidebars, and title composites- plain icon, themed chip, title-side status pill
- mono run suffix, id copy affordance, status pill (D6, fresh)
- grouped rail, known-only counts, identity footer
Auth and access
Signed-out shells, the account menu, and who holds which role- centered card shell every signed-out screen wraps in
- identity trigger, workspace line, colorless sign out
- role Select, remove behind confirm, pending invite state
Data
Identity and file tokens that open a preview, and labeled data grids- icon-led preview button, mono SKU peek link
- mid-truncated filename token, opens a preview
- labeled dl grid, mono keys, critical + provenance rows
- icon buttons for the common case, a kebab for the rest, one shared modal
Bulk actions
Selection-driven toolbars that grow under a table once rows are picked- live count in the bar, action label carries the count
Loading
Skeletons matched to the shape and route they stand in for- page and placeholder share one container map
- the boot frame dispatches on pathname
Overlays
Drawers, panels, and dialogs layered over the page- one drawer slot, claim-and-evict semantics
- close-then-toast: the dialog is gone before the request settles
- no divider by default, coloured footer actions, sectioned body
Activity
Timestamped feeds of what happened lately, capped and grouped- tone dots, day groups, connector line, load more
Typography
Composites where two or more type roles meet on one shipping screen- title stacks, label and value grids, identity rows, message text