Illustrations

Our illustration style is bold and characterful and it helps to reinforce our unique brand look.

Our illustrations can be used alongside editorial content to help communicate the story we're telling. We also use more simple spot illustrations to accompany a single point we're trying to reinforce, or single call to action.

Illustration Studio

Our illustrations can be customised with approved color combinations to match your specific needs. Try out different color combinations using the interactive example below:


Our approach

Our design approach balances slight depth and dimensionality with a character that complements our typeface, using tone-on-tone details for a refined, cohesive look.

Example of our illustration style showing depth and dimensionality

Illustration DNA

Our illustrations are styled using our distinctive shape, tints and shades of our brand colours, slight dimension and texture:

  • Inktrap details match the curved shapes from our headline typeface Degular Display to create a coherent look, mixing rounded and straight edges
  • The illustrations are tonal, using tints of our brand colours and always appearing on another tone of the same colour (e.g. red on red)
  • Slight grain adds depth and texture The illustrations are drawn slightly off-angle, to show depth and dimension
Example of our illustration style showing depth and dimensionality

Types of illustration

Spot Illustration

Used to reinforce a singular idea or call to action.

Editorial Illustrations

Used to support important messages or content.

Example of our illustration style showing depth and dimensionalityExample of our illustration style showing depth and dimensionality

Spot Illustrations

Used to accompany an option or action. Adds visual weight to the UI to draw attention where needed.

Example of our illustration style showing depth and dimensionality

Spot illustrations in use

Here are examples of how we canuse spot illustrations in the context of communications and product design.

Example of our illustration style showing depth and dimensionality

Editorial Illustrations

A more detailed illustration with multiple elements used to accompany detailed information, for example in the onboarding or 'Checkatrade difference' content. Used more sparingly than spot illustrations.

Example of our illustration style showing depth and dimensionality

Editorial usage of colour backgrounds

Our illustrations maintain a consistent tonal approach. We avoid placing them on highly contrasting colours, such as blue on red or vice versa.

Example of our illustration style showing depth and dimensionality Example of our illustration style showing depth and dimensionality

Editorial usage of colour backgrounds

Here are examples showing how we can use editorial illustration in communications and product design.

Example of our illustration style showing depth and dimensionality

Was this page helpful?