Kit pattern catalog
Open KIT Patterns in Thermal →
What it's for
This page is the desktop design-system reference for the office app — every shared interface building block (headers, rails, tables, status chips, empty states, and more) rendered once, at its real spec, with the same sample data used to check it against the design source. It is not a place where work gets done; nothing on it edits real data, and none of the sample customers, work orders, or numbers on the page are real.
Reach it directly at /kit-patterns. It isn't linked from the sidebar.
Tabs
The screen has no tabs. It is a single long page of numbered, labelled sections, each showing one building block.
Panels and controls
The page walks through roughly eighteen sections in order: the schedule
board, header systems (record header band, page header, list header), the
master rail and row, data tables with bulk-action bars, status chips, fact
strips and summary cards, empty states, tabs, filter chips, sparklines, the
main-plus-side detail layout, the kanban board, the plan-tier
ComingSoonSurface stub, a timeline, a step indicator, an editable list
panel, a loading skeleton, a metrics scorecard, single-value stat tiles, and
a read-only row-card list.
A few sections include a live, interactive demo — for example, a searchable rail and a draggable kanban board — so the underlying control can be checked in motion, not just as a static picture. Everything else on the page is static: buttons, inputs, and toggles shown at rest are for looking at, not using; several are intentionally read-only or disabled to make that clear.
What it accepts
This page writes nothing. Any inputs shown are read-only sample data, not live fields — there is no form here that saves anything.
How to configure it
There is nothing to configure here. Nothing on this page is gated by plan or capability — it is a fixed reference view. In development it is open to anyone; in production it requires being signed in as a member of an organization, with no further role check.
Who can see it
This is a public-style internal reference: any signed-in staff member of any role can open it in production, and it's open with no sign-in at all in development. It sits outside the normal area gates (Marketing, Purchasing, Automations, and so on) because it isn't a product feature — it's a page for checking the interface components themselves.
The full role matrix is on Roles & permissions.