top of page
Vodafone
Project overview
Icon system build

LOW/HI FIDELITY
SYSTEM ICONS

DESIGN APPROACH

Square Grid
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
Building foundations


Keyline shapes
Keyline shapes are the foundation of the grid. By using these core shapes as guidelines, a consistent visual proportion across all icons is ensured.
45º


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
Red
Balance

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.

HI-FI
LOW-FI
Real world
metaphors


_Actual bill
_Converted bill
EXTENDING THE
PROCESS
REQUESTING ICONOGRAPHY

bottom of page