Brand Guidelines

Learn about the Zuva brand and how to effectively use our logos, colours and typography.

Logo Variations

The logo is comprised of an icon, which can be used on its own, and a wordmark. The logo is available in 3 colour variations and can be used on 6 different background colours. The primary colour variation for the logo is the cobalt and yellow colourway and can be used on white or light grey backgrounds. As this is our primary logo, it should be used as the default choice unless the background colour does not permit. The dark colour variation is white and yellow and can be used on darker backgrounds, such as our cobalt, navy or denim colours, as well as black when necessary. The last colourway is our yellow variation, which is specifically designed to be used on a Zuva yellow background and is cobalt and white. This version is used to pop on the bright yellow background and should be used for emphasis. You can download .jpeg and .png versions of our logo and logomark.

Download Logo & Icon
Primary logo Primary logo mark only
Dark logo on cobalt background Dark logo on navy background Dark logo on denim background Yellow logo on yellow background

Logo Exclusion Zone

The logo exclusion zone is the minimum amount of space required around the logo when it is placed next to other elements. The logo and icon’s exclusion zone is equal to half the height or width of the icon at any given size, marked as “x” in the diagrams.


Legend for exclusion measurement
Logo exclusion zone diagram
Icon exclusion zone diagram

Logo Unacceptable Use

Disproportionate size

Disproportionate size

Repeating logo

Repeating logo

Logo on a complex background image

Logo on a complex background image

Cropping out logo

Cropping out logo

Stacking icon and workmark

Stacking icon and workmark

Stacking icon and workmark

Unassigned background color

Typography

DM Sans   Download from Google Fonts

Regular 400

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz123456789


Regular 400 Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz123456789


Medium 500

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz123456789


Medium 500 Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz123456789


Bold 600

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz123456789


Bold 600 Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz123456789


Colours

Yellow

CMYK (0,22,83,0)

RGB (254,198,44)

HEX #FEC62C

Navy

CMYK (92,27,0,74)

RGB (4,48,66)

HEX #053042

Denim

CMYK (70,29,0,45)

RGB (42,99,139)

HEX #2A638B

Cobalt

CMYK (80,64,0,38)

RGB (32,57,157)

HEX #20399D

Grey

CMYK (3,1,0,4)

RGB (237,241,244)

HEX #EDF1F4

Accessible Typography & Colour Combinations

At Zuva we strive to meet or exceed WCAG 2.0 AA requirements where ever possible. We have a number of combinartions of typography colour and background colour that we have tested and meet our minimum accepted contrast ratios. Please stick to these accepted combinations when combined coloured text with coloured backgrounds.


White type may be used on navy, denim or cobalt backgrounds

White on Denim:
6.44:1
WCAG AA
White on Cobalt:
9.84:1
WCAG AAA

Yellow type may be used on navy or cobalt backgrounds

Yellow on Cobalt:
6.24:1
WCAG AA

Navy type may be used on white, yellow or grey backgrounds

Cobalt type may be used on white, yellow or grey backgrounds

Cobalt on White:
9.84:1
WCAG AAA
Cobalt on Yellow:
6.24:1
WCAG AA
Cobalt on Grey:
8.66:1
WCAG AAA