Our illustration style helps us to convey ideas in a clear and inviting way. Illustrations add a human angle to our content and our designs. They can help when photography is not appropriate or possible. They're also useful for representing conceptual ideas. And they add an additional layer of personality to our identity.

Angles

We use a mix of 90° and radius corners, with a geometric grid structure set at 0°, 45°, 90°, 135° and 180°.

[Insert image example]

Colours

Lead with one of our five core blues, and only use our secondary colours for accents. Colours should be flat, with no gradients or soft shading unless it’s to ensure our logo is clear against the background.

[Insert image example]

Detail

Simplicity trumps complexity. Only use detail if it truly enhances an image.

[Insert image example]

Shadows

Shadows help to place elements in their environment. Make them vector-based and hard-edged.

[Insert image example]

Shapes

Use flat shapes. In the rare case where perspective is unavoidable, it should be isometric.

[Insert image example]

<aside> 💡 Check out our guide to icons on Sharepoint for advice on how to use those handy little illustrations.

</aside>