Design foundations
Clear by default. Safe by context.
Shared principles for accessible healthcare and life-science interfaces. They support product decisions; they do not replace local clinical, regulatory, privacy, or safety review.
Semantic status
Use visible, plain-language labels for every state. Color and icons may reinforce meaning but never carry it alone. Products define and validate their own thresholds.
Typography and data
Prioritize readable labels and tabular numerals for measurements. Keep units adjacent to values, preserve long identifiers, and support 200% zoom without loss of content.
Spacing and composition
Use shadcn semantic tokens and composable primitives. Keep related clinical context together, expose empty and unavailable states, and avoid dense layouts that obscure hierarchy.
Focus and interaction
Preserve visible focus, logical keyboard order, and appropriate native semantics. Interactive behavior must remain usable without a pointer and must not rely on hover alone.
Safety and privacy
Use synthetic examples. Components are presentational and do not provide diagnosis, urgency, treatment, authorization, auditing, retention, or clinical validation.