Layout
Composition principles
Keep patient-identifying data limited to the task context. Distinguish appointment time, arrival guidance, clinical preparation, and operational tasks with clear grouping.
Fluent 2 / Published template
Outpatient Appointment Coordination Board
A care-team workspace for coordinating outpatient schedules, preparation requirements, and unresolved appointment tasks.
Prompt reference v1
Preview
Structure blueprint
A date and clinic filter precedes a schedule list, while a detail pane shows preparation, assigned staff, status, and unresolved coordination tasks.
Interaction
Behavior and access
Status updates require explicit choices and accessible confirmation. Sensitive details are not exposed in list rows, filters announce result changes, and urgent tasks include text labels.
Implementation
Engineering boundaries
Use server-authoritative scheduling data, audited mutations, role-limited DTOs, and explicit time zones. Do not calculate clinical priority or expose clinical notes in browser-delivered data.
Design system
Fluent 2 token ledger
Microsoft's cross-platform design system for productivity experiences.
Color roles
- model
- semantic roles
- requiredRoles
- neutralBackground, neutralForeground, brand, status
Typography
- approach
- productivity-oriented ramp
- requirements
- comfortable reading, dense control labels
Spacing
- approach
- adaptive productivity layout
- baseUnitPx
- 4
Component rules
- focus
- Show a visible focus indicator for every keyboard target.
- panels
- Keep task context visible when a detail pane opens.
Classification