![](https://www.ateliergelb.com/media/pages/work/k2-design-system/0f45b1f0d7-1709490423/k2-home.png)
K2 Design System
UI DesignK2 is a design system developed and used for the software products of More than Metrics. It helps unify the interfaces of their tools and develop new features faster.
We adopted a progressive approach method while developing our design system, instead of designing it all in one go.
As a result, the design system was constantly evolving and expanding based on the needs and feedback from the users, and the internal teams.
![](https://www.ateliergelb.com/media/pages/work/k2-design-system/f7f9d5a5ef-1709490423/k2-palette.png)
![](https://www.ateliergelb.com/media/pages/work/k2-design-system/77282dcbb4-1709490423/k2-typography.png)
![](https://www.ateliergelb.com/media/pages/work/k2-design-system/279b287aa0-1709490422/k2-buttons.png)
![](https://www.ateliergelb.com/media/pages/work/k2-design-system/85f84d15a2-1709490423/k2-forms.png)
![](https://www.ateliergelb.com/media/pages/work/k2-design-system/75aa893bc2-1709490423/k2-dropdowns.png)
![](https://www.ateliergelb.com/media/pages/work/k2-design-system/8ba1e1b0e2-1709490423/k2-flash.png)
![](https://www.ateliergelb.com/media/pages/work/k2-design-system/e29b837d75-1709490423/k2-modals.png)
![](https://www.ateliergelb.com/media/pages/work/k2-design-system/047f613452-1709490423/k2-panels.png)
![](https://www.ateliergelb.com/media/pages/work/k2-design-system/6798ae9386-1709490423/k2-tabs.png)
![](https://www.ateliergelb.com/media/pages/work/k2-design-system/1d80db3644-1709490422/k2-badges.png)
![](https://www.ateliergelb.com/media/pages/work/k2-design-system/027d8b356f-1709490422/k2-color-picker.png)