A design system to build the web

Back to stories


Riangle Team

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.

Back to all Stories
Inspiration Vol. 1
Next Story