Design

Cherry provides a UI Kit template in Figma with all the standard web elements. The document template is divided in a few pages to keep everything organized.

1. Branding - Contains the colors definition and all the typography styles, both for desktop and mobile.
2. Interface - You can find all the form elements, buttons, inputs, checkboxes, radio buttons and drop-down selects.
3. Icons - Cherry uses open source icons from Ionicons.
4. Spacing & Grid - Spacing definitions and Cherry Grid, the 12 column layout system.
5. Meta Images - Favicon and all the rest of icons required for metadata.