Colours

The doopoll colour palette is designed around two key colours. 'MrBlueSky' is the primary colour, and 'HelloSunshine' is used for accents and details. We rarely use either colour for full background blocks.

MrBlueSky

HEX: #0098ff

PANTONE: 285C

HelloSunshine

HEX: #fcc949

PANTONE: 1225C

For backgrounds and block colours, use can use a tint of either key colour.

MrBlueSky-50

HEX: #7fcbff

PANTONE: 278C

MrBlueSky-25

HEX: #cceaff

PANTONE: 277C

MrBlueSky-10

HEX: #e5f4ff

PANTONE: 657C

MrBlueSky-5

HEX: #f2faff

PANTONE: 656C

HelloSunshine-50

HEX: #fde4a4

PANTONE: 134C

For text, and contrast, we also use 'NightSky' as a dark complimentary colour with a range of tints.

NightSky

HEX: #003b5b

PANTONE: 5395C

NightSky-75

HEX: #406c84

PANTONE: 5415C

NightSky-50

HEX: #7f9dad

PANTONE: 5425C

NightSky-25

HEX: #ccd8de

PANTONE: 5435C

NightSky-10

HEX: #e5ebee

PANTONE: 5445C

NightSky-5

HEX: #f2f5f7

PANTONE: 5455C

Within our applications we use green and red to sometimes indicate a positive or dangerous action. These colours are only to be used within our products for these actions.

PositiveGreen

HEX: #00E399

DangerRed

HEX: #FF3B27

Logo

Our logo consists of two parts. The brandmark and the wordmark. By default the brandmark is 'HelloSunshine' and the wordmark is 'MrBlueSky'.

doopoll logo

It's important that our logo has enough clearspace around it. The minimum clear space is shown below using the brandmark. This makes it really simple to calculate the correct clearspace at all sizes.

doopoll logo

Try to use a background that allows the logo enough contrast to be seen. The example below uses 'MrBlueSky-10'.

doopoll logo

Occasionally you may use 'MrBlueSky' as a background. In that instance, you can use the white wordmark version of the logo.

doopoll logo

Typography

Our primary typeface is Proxima Nova. We tend to only use the 700 and 400 weights. It is available from Typekit, and we also have font files available for company use. Ask someone on the team if you need them.

Here are the main text styles used on this site as an example.

This is a large (h1) header

This is an h2

This is an h3

This is an h4

This is an h5

This is a paragraph

Symbols / Assets

We've created a range of symbols and assets that can be used individually or assembled into new pieces. They work best when layered and combined using the colour palette above.

doopoll brand assets

Our circular shapes, pebbles, marbles, cells, planets, all represent the people within organisations. They are the human elements in the complex whole. Unique and beautiful. That's why we never use the same symbol twice in the same image.

We have a brand pack of assets that you can download from Creative Cloud. Ask someone on the team if you need access to it.