Design Grid

Cherry's grid system allows up to 12 columns across the page. If you do not want to use all 12 column individually, you can group the columns together to create wider columns. There are 3 different variations for the gutter size: default, medium, big.

12

10

2

9

3

8

4

7

5

6

6

5

7

4

8

3

9

2

10

12


Grid in Figma
Design SpacingDesign Meta Images