Arrow DownArrow ForwardChevron DownDownload facebookGroup 2 Copy 4Created with Sketch. linkedinCombined-Shape Combined-Shape mailGroup 4Created with Sketch. ShapeCreated with Sketch. twitteryoutube

Our colours

Primary palette

Our primary colour palette encompasses how we act and how we want to be perceived. White is the foundation, complimented with black and grey shades. This monochrome relates to the binary nature of a computer code, but also represents our timeless and contemporary business culture – we are trusted experts in what we do and we’re here to empower our customers.

White #ffffff R: 255 G: 255 B: 255 C:0 M:0 Y:0 K:0
Light grey #999999 R: 153 G: 153 B: 153 C:0 M:0 Y:0 K:40
Dark grey #595959 R: 89 G: 89 B: 89 C:0 M:0 Y:0 K:65
Black #000000 R: 0 G: 0 B: 0 C:75 M:75 Y:75 K:100

White and black (symbols of sophistication and purity) are enhanced by the hues of blue (trust, professionalism) that transition to magenta (passion, transformation) creating an illusion of purple that stands for intelligence and wisdom. Yellow is our accent colour (optimism), discreetly warming up our brand and directing the eye where necessary.

Blue #4d58e5 R: 77 G: 88 B: 229 C:90 M:77 Y:0 K:0
Midnight blue #0b0b52 R: 11 G: 11 B: 82 C:100 M:87 Y:0 K:68
Magenta #c10078 R: 193 G: 0 B: 120 C:23 M:100 Y:12 K:7
Yellow #ffd700 R: 255 G: 215 B: 0 C:1 M:13 Y:92 K:0

Colour ratio

With such varied choice of colours it may sometimes feel tempting to use them all at once. To ensure you don’t overdo it, we’ve created a colour ratio to guide you through the creative process and ensure you maintain the right balance.

In general, we favour white backgrounds so the content stands out – like a blank canvas that adds more room to breathe. Black backgrounds can be used in introduction slides, banners or impact statements – they’re a frame to your canvas. In some occasions (e.g. data vis, diagrams) you can use mindight blue instead of black background to make your asset stand out.

Blue and magenta are our hero colours but they should be used sparingly, only to bring more life to your asset. Add hints of yellow to direct the eye but always aim for the sense of harmony, with your content at the centre and little noise around it.

Colour in application

Our branded colour palette can be the greatest asset, when used correctly. Look at colour like it was a handy tool you use to achieve certain goals, eg draw human eye. Whenever you add colour, there should be a reason behind it.

Indicating action, eg hyperlinks, buttons, call-to-action:

Highlighting section titles, keywords, subheaders:

Calling out specific phrases, quotes, paragraphs on a page:

Grouping similar elements to direct the eye:

Highlighting side banners, end slides, back covers:

Illustrating diagrams:

Do

Use black for front covers and magenta for back covers:

Favour white background for main body copy:

Use maximum 2-3 colours in a single canvas:

Use colour to add function or meaning, eg to draw attention:

Don’t

Don’t use other colours than our palette, unless it’s data visualisation, product shots or customer / partner assets:

Don’t use too much colour:

Don’t pair blue with magenta, overlaying one another:

Don’t use grey backgrounds:

Don’t use black background everywhere:

Don’t mix our brand colours randomly: