Design System
Owner: Product Design
Reviewers: Web, Mobile
Status: Draft
Version: 0.1
Last Updated: 2026-09-16
Review Cycle: Per UI foundation change
Confirmed UI Stack
| Surface |
Libraries |
Status |
| Web |
Ant Design 6, Tailwind CSS 4, Sass, lucide-react, Ant Design Icons. |
CONFIRMED |
| Mobile |
React Native, Ant Design React Native, lucide-react-native, Lottie. |
CONFIRMED |
Principles
- Use the existing component libraries before adding new UI primitives.
- Keep operational pages dense, readable and task-focused.
- Represent statuses consistently across web and mobile.
- Prefer explicit empty/error/loading states for partial data.
Open Items
| Item |
Status |
| Canonical token set for colors, spacing and typography |
TBD |
| Figma/source-of-truth design file |
TBD |
| Accessibility acceptance checklist |
TBD |
| Cross-surface status and severity mapping |
TBD |