Tandemloop Design System
Sep 10, 2024
Product
10 min
Styleguide
Color type is one of the most fundamental elements that makes up the whole system.
![](https://framerusercontent.com/images/umC7jmuby59PHr65YELCfVkfYOA.png)
![](https://framerusercontent.com/images/7jArYz5YpaQ9pXvNjiSbD1kEhw.png)
![](https://framerusercontent.com/images/8hpcusfm8ffONEJ2GjTBuk5tY8.png)
Components
By using the basic elements, these molecules are created. A button, input field, avatar, etc., are some examples of these elements.
![](https://framerusercontent.com/images/5tfQQyRYmrUC4jnxSBOHZpqAD4.png)
![](https://framerusercontent.com/images/Upci6xsQk2jUpQriTi89Wwe0XHM.png)
![](https://framerusercontent.com/images/26gC8SxGRTBAQwaPjReYUkRYO8.png)