ERIA Lifesystems Design System
"Your medical fingerprint"
The ERIA Lifesystems Design System is your central source of truth for creating intuitive, accessible, and scalable digital healthcare products. Designed to unite our teams, this system ensures every product we build reflects our commitment to patient-centric care, technological excellence, and a consistent brand experience.
Whether you're designing an interface or implementing components, this system equips you with the tools and guidance needed to craft outstanding user experiences.
Quick Start
Who is this for?
- Designers: Access guidelines, explore UI patterns, and ensure brand alignment.
- Developers: Implement components with ready-to-use code and follow technical guidelines.
- Product Teams: Use designs and principles to inform decision-making.
- Customers: Learn about our brand, understand our product values and design philosophy.
What’s inside?
- Components: Buttons, forms, modals, and more.
- Design Tokens: Colors, typography, spacing, and motion guidelines.
- Accessibility Guidelines: Best practices for inclusive design.
- Code Examples: Prebuilt components, usage documentation and references.
Our Principles
- Patient-Centric: Design with the user’s well-being at the forefront.
- Consistency: Deliver a unified experience across all touchpoints.
- Scalability: Build flexible systems that grow with our products.
- Accessibility: Ensure inclusivity for all users, regardless of ability.
These principles guide every decision we make within the design system, fostering products that are intuitive and trustworthy.
Repository
Browse and contribute to the codebase. View on GitHub