MKIT Design System
The MKIT Design System is a shared library of design decisions, reusable components, and guidelines that helps our team build consistent, accessible, and on-brand digital experiences across Winsupply's eCommerce platform.
What's inside
| Section | Description |
|---|---|
| Foundations | Color, typography, spacing, elevation, borders |
| Components | Ready-to-use UI building blocks |
| Icons | Lucide icon library |
| Getting Started | How to use the Figma libraries |
Design Principles
- Consistent — One visual language across all eCommerce surfaces
- Accessible — WCAG 2.1 AA minimum on all components
- Efficient — Reduce repeated decisions; focus on product problems
- Scalable — Token-based so global changes propagate automatically