MeevaMed Design System
The single source of truth for the MeevaMed AI hospital management system — tokens, components, patterns and states.
A calm, enterprise-grade design language for Indian hospitals.
Built on deep medical blue, emerald green and teal. Every token, component and pattern in this library is production-ready and theme-aware across light and dark modes.
- Tokens
- 58
- Components
- 28
- Patterns
- 12
- Themes
- 2
Foundations
Color palette, typography scale, spacing, radii, elevation, responsive rules and dark mode.
Components
Buttons, inputs, dropdowns, cards, tables, charts, chips, medical tags, tabs, dialogs and drawers.
Patterns
Sidebar, top navigation, breadcrumbs, search, filters, pagination, alerts, notifications and form layouts.
States & pages
Empty states, loading skeletons, error pages and success pages across clinical surfaces.
Information-dense, never noisy
Clinical screens carry a lot of data. Density comes from tight rhythm and tabular numerals, not from removing whitespace between groups.
AI is a surface, not a feature
Copilot output always appears in a distinct accent-bordered container with confidence, sources and an explicit human action.
Status is colour + shape + text
Never rely on colour alone. Every status uses a chip with a dot and a label so it survives colour-blindness and print.
One accent, many neutrals
Deep medical blue leads, emerald confirms, teal signals intelligence. Everything else is a desaturated slate neutral.