Index

Spotlights

Introduction

Spotlights are one of our most frequently used assets. It is inspired by the world of light, making it unique and ownable for us. 
It has full flexibility and can be both flat 
and immersive.

Expressive spotlights

Expressive spotlights

Our Expressive Spotlights make our brand energetic and distinctive.
Expressive Spotlights are made up of Single, Interactive and Immersive lights. They should be used throughout most applications.
Single Interactive Immersive

Single spotlights

Overview

Our Single spotlights add sophistication and ownability to our comms. There is no hierarchy to the usage of our spotlights. 
Our system should feel flexible and organic.

Details

Below is an example of one of our Single spotlights and the details to follow when creating your own. The most important rule is to make sure they feel aesthetically natural, like the qualities of light.
Add some noise to the shape, this helps to make our spotlights feel more photographic and creates ownability. Part of the spotlight’s edge must remain in focus. Use a field blur to produce our light trails. This should be applied to part of our spotlight. We use only one light for Single spotlights. 1 2 3 4

Build

Here are the steps to creating our Single spotlights. Follow this guidance to make sure all our Spotlights are consistent.
Scale up the shape to a desired size. We should rarely use a full crop of the shape. 02

Example

Interactive spotlights

Overview

Our Interactive spotlights add vibrancy and energy to our applications. They should only use two colours and must interact
in a natural way.

Details

Below is an example of one of our Interactive spotlights and the details to follow when creating your own. The most important rule is to make sure they feel aesthetically natural, like the qualities of light.
Add some noise to the shape, this helps to make our spotlights feel more photographic and creates ownability. We should use close crops of Interactive Spotlights to create a sense of energy. Use a field blur to produce our light trails. This should be applied to part of our spotlight. Keep an area of our Spotlight in focus. Our Interactive spotlights should only use two colours. 1 2 3 4 5

Build

Here are the steps to creating our Interactive spotlights. Follow this guidance to make sure all our spotlights are consistent.

Example

Immersive spotlights

Overview

Our Immersive spotlights are the most expressive form of our spotlight system. They should be used for our most emotive 
applications and communications.

Details

Below is an example of one of our Immersive spotlights and the details to follow when creating your own. The most important rule is to make sure they feel aesthetically natural like the qualities of light.
Add some noise to the shape, this helps to make our spotlights feel more photographic and creates ownability. We should use close crops of Immersive spotlights to create a sense of energy. Use a field blur to produce our light trails. This should be applied to part of our spotlight. Our Immersive spotlights must sit on our Curtain Close colour. Our Immersive spotlights should use three colours. 1 2 3 4 5

Build

Here are the steps to creating our Immersive spotlights. Follow this guidance to make sure all our spotlights are consistent.

Example

Functional spotlights

Overview

Our Functional spotlights are a practical solution for digital 
and functional applications. These spotlights are built in Adobe Illustrator and can be replicated in code.

Details

Below is an example of one of our Functional spotlights. Follow these rules to make sure that our system is used consistently.
Functional spotlight should emulate our Expressive ones. We can use up to three colours in our Functional spotlights. We never use grain or noise in our Functional spotlights. 1 2 3

Build

Below are three examples of how we can create our spotlights in Illustrator. When using Freeform Gradients make sure the colour blends appropriately. On the far sides of the composition adds points of the chosen colours. Radial gradients should only be used within iconography.
Freeform Radial Blend

Example

B2C & B2B

Colour usage

For B2C applications we should use our Pastel and Punch colour combinations. For B2B uses we should lead with our Earth pairings.

Type & spotlights

Type & spotlights

When using typography with our spotlights we can immerse the type within the lights. This treatment does not need to be used all the time. Always ensure the copy is legible.

Motion

Principles

Both our Expressive and Functional spotlights can be used in motion. The animation must feel natural and elegant. The interaction of light should use the same blending principles as our
Expressive Spotlights.

Image & Spotlights

Image & spotlights

We can also use our Single spotlights as a frame to hold our art direction. These can be created using our Expressive and Functional methodology.

Things to avoid

01

Spotlights should never be shown
in greyscale.

02

Only use combinations detailed in 
the colour section.

03

Make sure that our Spotlights aren’t cropped into too much.

04

Make sure copy is legible when using
typography and our Spotlights.

Inspiration

Graphic shapes