top of page
Icon system build
In order to achieve a unified look and feel when they sit next to each other, the majority of icons are created within the 24 square grid. There are instances where the icon breaks into the padding area. This is to avoid some icons looking smaller than others because of their particular shape. However, breaking into the padding area should be kept to a minimum.
Keyline shapes are the foundation of the grid. By using these core shapes as guidelines, a consistent visual proportion across all icons is ensured.
Icon layering 45º
Each component is positioned on top of the previous one, always casting the hard gradients shadow at a 45º. The gradient starts at 100% black and ends at 0% black
Icons should be more grey than red to avoid breaking the balance between product and brand. This ensures an icon set that is consistent and avoids the issue of being brash.
bottom of page