Medical design ยท Orchestrator
Orchestrator design materials
Design system and screen states for Orchestrator, the clinical assistant. It builds on the shared Medical library that RIS and HIS use, vendored here without changes, and adds a small product layer for chat: shell, chat list, messages, composer and sign-in. Everything here is static HTML and CSS on synthetic data.
Status: Proposal
Pages
Open these in a browser through npm run dev; they load the CSS straight from assets/.
-
Prototype
Clickable sign-in and chat. Any 6-digit code signs in except 000000. The States panel opens each preset; add
?state=<id>to the address to link one. prototype.html - Screens Every sign-in and chat state side by side at 1440, 1024, 768 or 390 px. Pick the width at the top; each state links to its preset. screens.html
-
Components
Tokens, contrast, type, icons, the baseline components in use and every
orc-block in every state. components.html
Documents
Documents open in the repository on develop after merge. For an unmerged proposal, read the same files in the review branch. The pages above show what they describe.
- README.mdPurpose, status, how to run and check, structure and sync rules.
- DESIGN.mdFoundation, colour, type, spacing, layout, components, states, focus and motion.
- ORC_COMPONENTS.mdEvery orc- block and the baseline blocks in use: classes, states and ARIA.
- ORC_UX_GUIDELINES.mdResponsive rules, the state matrix, copy and accessibility.
- PRODUCT.mdUsers, jobs, principles, the PHI boundary and the demo context.
- FIGMA.mdTarget workspace, files and pages, naming and how changes move from the repository to Figma.
- DEPLOY.mdHow a protected preview site would be published. Not set up yet.
- docs/foundation-options.mdThe foundation options compared, with sources, and the recommendation.
- docs/current-ui-audit.mdWhat the current client does, what stays, what changes and how its classes map.
- docs/design-process.mdHow design work runs in Medical teams and the proposed flow for Orchestrator.
Run and check locally
Node 20 or newer, no dependencies. The server listens on 127.0.0.1 only.
npm run dev # http://localhost:8791/
npm run check # baseline hashes, colour literals, docs โ CSS, local links