Usage examples

Text

Combine iconography with messaging to create additional depth and meaning.

Transparency

Always use a slight transparency when placing iconography over an image. This effect helps distinguish our iconography from the primary messaging and adds a sense of sophistication to the layout.


ico-in-action

Scale

Iconography can be the main focal point of a page. These icons are often a bit more detailed than their small-scale counterpoints.

Color

Pantone 1225 C
White

Limit the number of colors to three or fewer for a simple yet optimistic look and feel.


Don’ts

ico-donts1

Scale

DON’T scale contained icons to the same size as the logo. They should always be smaller.

ico-in-action2

Placement

DON’T place icons over faces or in other odd locations.