reperio-component-library v0.3.17

Reperio Design System

📖 Documentation

The documentation site is hosted at reperio.design, which includes a Storybook-based interactive living style guide, API docs, etc.

Getting started

npm install reperio-design-system

💾 Source code

The repository is located at github.com/reperiohealth/reperio-design-system, which includes the code for the shared component library and documentation site.

🚧 Status

Work on the Reperio Design System is currently underway and it is not yet ready for wider adoption.

🚀 Vision

A design system can be thought of as a collection of shared components, patterns, and guidelines for creating our user interfaces (UIs), serving as the foundation for a consistent and cohesive user experience (UX) across our products. In addition to the building blocks of reusable components, it can include shared styles, color palettes, iconography, and typography, and even best practices and guidelines for topics like accessibility, responsiveness, design principles, etc.

🎯 Goals

• ⬆️ UX quality: Creating a consistent and cohesive user experience across our products to improve usability, accessibility, and user satisfaction
• ⬆️ Collaboration: Improving cross-functional collaboration with the use of a shared language and source of truth for UI building blocks
• ⬆️ Efficiency: Sharing reusable components across products instead of reinventing the wheel can speed up the design and development process
• ⬆️ Maintainability: By reducing design and tech debt, we can increase maintainability, reliability, and scalability
• ⬇️ Costs: Reusing components instead of duplicating work across products reduces costs

🛫 Plan

See the Design System MVP RFC for the initial approach.