waitingroom — Component
Component
waitingroom — Rules
Rules
waitingroom — Code
Code
waitingroom — Workflow
Workflow

waitingroom

Design systemsBuildingManagementDesignExploration1 Day

waitingroom is a prototype that fills the gap between Figma and implementation, where the behaviour of a component is decided and currently written down nowhere.

A room for behaviour rules and independent design iteration. The step between a specification and a built component, a waiting room.

Built with

  • Static HTML, CSS and JavaScript, no build step

A component library gives you a radio group and a select. A colour system tells you what they look like. Neither tells you when to use which.

That from five options on, a radio group becomes a select. That a person's surname is never truncated. That a single option is not a choice at all. Those decisions are project-specific and usually made silently — in a Figma file, in an implementation, in a chat message.

In numbers

2026 1 Day

  1. Gap after the spec
  2. One rule, executable
  3. Control panel
  4. Stated and justified

A rule becomes executable: a prototype that actually applies it, with a control panel to drive it past its own thresholds.

And readable: stated, justified, with its edge cases — and with what it does not answer.

It is not production code! Nothing here is meant to be shipped or held to production standards; if it looks like a delivery, that is a bug in the presentation.

It is not a component library either. Four of the eight steps in the workflow are marked as the team's own. The point is to slot into their process, not to replace it.

What's next

Awaiting stakeholder review

What can Iget out ofyour way?

Reach out