Rebuy Design System
Welcome to the Rebuy Design System documentation. This is the canonical source for design tokens, components, and patterns used across all Rebuy products.
Quick Links
- Getting Started — Installation and setup
- Components — React component library
Principles
- Figma as Source of Truth — Design in Figma, implement in code
- Consistency — Same patterns across all Rebuy products
- Accessibility — WCAG 2.1 AA compliance
Architecture
The design system is organized into several packages:
| Package | Description |
|---|---|
@rebuy/design-tokens | Design tokens (colors, spacing, typography) |
@rebuy/components | React component library |
Governance
This governance app tracks:
- Health — Overall design system health metrics
- Components — Component lifecycle status
- Drift — Figma ↔ Code alignment issues
Visit the Health Dashboard to see current metrics.