Getting started with Cherry Design System

Cherry is the starting point for your design system. It comes with a minimal set of pre-defined styles for the most common web patterns. It covers the design aspects of your website by providing a Figma template with the original designs. Each element of the design system is implemented in code using various modern front-end technologies. This facilitates co-creation from design to code. If you are not a designer you can still use Cherry components to build your layouts out-of-the-box.

Design

Code

Scale