A design system to build the web
Cherry is the foundation for your design system, from design to code. With examples of implementations in modern front-end technologies. Customisable and scalable, ready to be used out-of-the-box.
Start with design
You start by designing your website. Cherry provides a Figma template that defines all standard web patterns and typography for your design system.
Continue in code
Each design element comes with a code implemented in various modern front-end technologies or can be used as components.
Scale your design system
Cherry follows its own naming convention from design to code. Expanding and customizing your design system has never been easier.