Illustration

Illustrations are a essential part of any great story. The style of the illustration for the given product or service is subject to flexibility. The design system caters for differentiation in regards to illustration styles, but we also provide a few illustration families/styles to get you started. Colour usage follows content colour guidelines.

 

When to use illustrations and when to use pictograms/icons.
The purpose of a illustration is to add value to a story or a piece of content. Usually given more space and evenly balanced with text in a typical web layout. While icons/pictograms more often play a secondary role, of helping users navigate, categorize or scan content quickly.

In presentations (like Google Slides) illustrations can supplement bullet lists or paragraphs if there is enough space. Icons/pictograms can be used in the same fashion as for web purposes like defining categories.

Spot style

These are a refined set of illustrations covering topics that reach across a lot of our Business units communication needs. A few examples of covered themes are: cloud, development, financial, integration and statistics.
The expression is familiar from earlier Visma illustrations, but compose a balance between outlined environments and filled motifs in a contemporary fashion. Including great detail from current illustration trends adapted for a timeless usage in our communication.

Isometric style

This is a style we recognize from instruction manuals and current design trends. A visual expression that suits a lot of IT, cloud and finance scenarios. Often used to describe processes and complex workflows.

Highly scalable in the way that it is easy to build larger and more composed illustrations when combining more than one. Like any other illustration style it needs a minimum of padding in order to fulfill its purpose. In general it is not a good idea to combine more than one illustration style per page/story/identity.

Browse through illustrations in Content Hub here

Character Design

Creating characters (persons) as part of any Visma illustration includes a lot of properties and identity. There are millions of different styles or techniques to do this. In order to connect to the rest of our Visual Identity, we need a basic set of guidelines which ensure that the end result (composition) looks cohesive and familiar to our company values and brand code.

Colours

As any other Visma illustration, use only Visma colours. Of course skin colours are needed, but for all props or clothes, use only one of the Visma Colour ranges.

 

Style

Look at our typography, icons and illustrations. An immediate connection to these should be favoured. By using a flat and simple expression, we try extend the same level of efficiency and user friendliness. Avoid putting too much detail into facial features like eyes and nose. The more you add to a face the more attention it demands.


Quality

As with our icons we aim for simplicity and use geometric shapes as framework for a lot our shapes. This is also possible creating characters. Even Though illustrations should be simple they should be well crafted. In other words quickly made hand drawn illustrations are hard to connect to the rest of our Visual Identity.

Effects

Avoid using any effects like drop shadow, glow or gradients. A flat reduced expression moves the attention to the meaning of the illustration.

 

 

 


 GOOD EXAMPLES

This is a great example because of its simplicity, flat modern and selective use of colour.

BAD EXAMPLES

Avoid using characters that holds close resemblance to well known clip arts.