SJS Leo Universal Healthcare Design System | Figma
Created a scalable healthcare design system with reusable components and accessibility standards. This system provides a consistent foundation for building healthcare products and digital experiences that work for patients, caregivers, providers, and administrators.
Overview
Built a comprehensive design system in Figma featuring reusable UI components, design tokens, and interface patterns specifically tailored for healthcare applications. The system is designed to speed up design workflows while maintaining WCAG-focused accessibility across every component.
What Was Built
Reusable component library with healthcare-specific UI patterns
Design tokens for consistent spacing, typography, and color across products
Patient and caregiver experience templates
Provider and administrative workflow screens
Authentication and security flow patterns
Resource discovery and navigation components
Responsive design patterns for mobile and desktop
Results
Faster design workflows through reusable, standardized components
Consistent UI patterns across multiple healthcare product screens
WCAG-focused design ensuring accessibility for users with diverse needs
Design Approach
The design system was built around the principle that healthcare interfaces should be simple, consistent, and accessible to everyone. Each component follows WCAG guidelines for contrast, touch targets, and readability. The system uses a modular architecture so teams can assemble screens quickly without sacrificing quality or accessibility.
A healthcare design system created in Figma featuring reusable components and interface to support scalable healthcare products and digital experiences.