Reusable building blocks · 7 components
Component inventory
The reusable building blocks every screen is composed from. Drawn once here, in wireframe form; anything not on this list is bespoke to a single screen, and duplication shows up here first.
Word + colour, never colour alone
Available
Reserved
Occupied
Open · 4
Awaiting staff
Staff only
Annotations
- The dot is decoration; the word is the signal. Every status in the product routes through this one component so the rule can’t drift.
No plots match these filters
Try clearing a filter, or add the plot below.
Clear filters
Annotations
- Every empty state names why it’s empty and offers one action. A blank table is a defect, not a state.
| Column ↑↓ | Column | Status |
|---|---|---|
| Row | Row | Status |
| Row | Row | Status |
Annotations
- One table component everywhere: mono uppercase headers, dashed row rules, sortable column indicators, inline status pills.
Plot status · required
Occupied ▾
Help text when the wording alone isn’t enough.
Annotations
- Label, control, help, error — one binding. Errors replace help text and never rely on colour alone.
In progress interment
Eleanor Walsh · A-09
Permit pendingnext: set vault
Open
Annotations
- Card anatomy: label → name → status row → one action. Used for interments, work orders and import runs alike.
Hale Funeral HomeFuneral home
Services, vault · 555-0162 · hale@example.com
Annotations
- Renders any directory contact in pickers and cards — the same component in the burial form and the work-order form.
DashboardShellTop bar + rail + stage + community board, composed once, used by every authenticated screen.
NavigationRailGrouped nav with coming-soon badges; drawer on mobile.
CemeterySwitcherPermission-aware dropdown; re-resolves the session.
NotificationMenuDerived alerts, unread count, read/dismiss.
UserMenuProfile and sign-out.