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.
- Branding - Contains the colors definition and all the typography styles, both for desktop and mobile.
- Interface - You can find all the form elements, buttons, inputs, checkboxes, radio buttons and drop-down selects.
- Icons - Cherry uses open source icons from Ionicons.
- Spacing & Grid - Spacing definitions and Cherry Grid, the 12 column layout system.
- Meta Images - Favicon and all the rest of icons required for metadata.
Figma UI Kit