Corporate Design
Guidelines

This guideline provides orientation and inspiration for all means of communication concerning doozzoo.

Logo

Here you will find the different versions of the logos, help in calculating the correct logo size and tips on placement.
Color Variations
doozzoo logo
doozzoo logo
Ideally, it stands in (doozzoo) blue on white background or in white on (doozzoo) blue background. Alternatively you can use a light grey as a background for the blue logo or a dark background for the white logo.
Protective Space

The protective space defines the minimum distance that other graphic elements and fonts must maintain from the logo. The logo and the protective area are directly proportional to the dimensions of the medium used. The grid on which the definition of the protected area is based results from the height (Y) and width (X) of the logo.

For this purpose, a 1/2 Y in height and a 1/4 X in width defined protective space applies, which must be observed as a minimum.

To make it easy for you we already provide our logo in different file formats, color versions and sizes in our Media Kit. There is also a version with already implemented protective space.

You can download the Media Kit here.

Typography

Quicksand

Quicksand is our choice to represent the doozzoo brand and also the base font of our logo. This font is primarily used for all headlines or advertising phrases.

Quicksand is a free font and can be downloaded here.

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghiklmnopqrstuvwxyz
1234567890(,.;:?!$&*)

Quicksand
Weight: SemiBold (600)
Style: Normal
Letter-Spacing: -0.05em

Inter

Inter is our choice for all copy and body texts. It is a variable font family carefully crafted & designed for computer screens.

Inter is a free font and can be downloaded here.

Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghiklmnopqrstuvwxyz
1234567890(,.;:?!$&*)

Inter
Weight: Regular (400)
Style: Normal

Brand Colors

doozzoo Blue (Primary)
HEX: #0093ff
doozzoo Dark Grey
HEX: #292F3B
doozzoo Light Grey
HEX: #F5F5F7
doozzoo Yellow (Secondary) HEX: #FCC634

Examples