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.
Scale illustration

Figma UI Kit
Docs IntroductionDesign Colors