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 & IconLogo 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.
Logo Unacceptable Use
Disproportionate size
Repeating logo
Logo on a complex background image
Cropping out logo
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
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
13.92:1
WCAG AAA
6.44:1
WCAG AA
9.84:1
WCAG AAA
Yellow type may be used on navy or cobalt backgrounds
8.83:1
WCAG AAA
6.24:1
WCAG AA
Navy type may be used on white, yellow or grey backgrounds
13.92:1
WCAG AAA
8.83:1
WCAG AAA
12.26:1
WCAG AAA
Cobalt type may be used on white, yellow or grey backgrounds
9.84:1
WCAG AAA
6.24:1
WCAG AA
8.66:1
WCAG AAA