Brand guidelines
Index
Visual identity
Logo
Visual elements
Visual identity
Logo
Visual elements
Visual identity
Logo
The logo is the core of a brand’s
identity.
Find out about the logo’s elements,
variations and how to apply it in a
consistent way.
Logo
Architecture
The logo is a graphic comprised
of the wordmark (logotype).
Logo
The lettering is created using
the Co Headline typeface, and
fragmented piece of the letter
“o” are inseperable.
The logo should be always
produced from the master
artwork. Use the complete logo.
Exclusion zone
Logo
Legibility
Minimum size online Minimum size offline
An exclusion zone around the
logo has been created to protect
its integrity and make sure the 60 px 20 mm
logo is easy to read.
The height of the “e” of the logo
is taken as a guide to define the
exclusion zone.
Positive version Negative version
Logo
Positive & Negative
The fragmented piece mark must
remain white in positive and
negative versions of the [Link]
ensures the logo is recognisable. Positive grayscale version Negative grayscale version
It may change color (green, blue)
when applied on the primary colors.
The wordmark varies between
blue, green, and white depending on
its application.
The grayscale and the monocromatic
version have been specifically
designed to meet some specific
printing requirements.
They should not be used in other
circumstances.
❎ Move elements ❎ Remove elements
❎ Stretch or transform ❎ Add elements
❎ Change colors ❎ Outline
Logo
Don’ts
It is not allowed to alter the
❎ Adding shadows ❎ Change the font
structure, colour, proportions,
elements or the direction of the
logo.
Application over plain colour
Blue background Alternative
White background Alternative
Logo
Background colours Green background Alternative
You should always try to use the
positive (main) version of the logo.
However, when the background is
the same colour as an element of
the logo you can use the negative
version.
Application over image backgrounds
❎
Dark background
Logo
❎
Light background
Background images
Use the main (positive) version on
light backgrounds.
Use the negative version on dark
backgrounds which do not contrast
with the blue part of the logo.
❎
Complex background
If the background picture is too
complex, and it is difficult to read
the logo, we strongly recommended
using a different image.
Use a solid corporate colour label
behind the logo if there is no other
option.
Visual identity
Visual elements
Elements such as the colour palette,
typography and iconography
help to build a consistent brand
environment.
These elements help customers
recognise our brand even if the
logo is not present.
Visual elements
Colour palette
Pantone 2726 C Pantone 7479 C
#2b58bc #32ce74
R 43 C 87 R 50 C 68
G 88 M 71 G 206 M 0
Primary colours B 188 Y 0 B 116 Y 76
K 0 K 0
Cero Blue (Pantone 2726 C) is the
main colour of Cero identity so
it has the strongest presence on our
brand.
Cero Green (Pantone 7479 C)
complements the Cero Blue
colour, creating balance and making
the palette more distinctive.
Pantone 660 C Pantone 7473 C
Secondary colours #367dbd #34a49a
These colours provide flexibility R 61 C 76 R 52 C 75
when you need to present a large G 125 M 47 G 164 M 14
B 202 Y 0 B 154 Y 45
variety of elements. They should be
K 0 K 1
used to accent the primary palette,
never dominate the piece.
#ffffff #000000 #5f696d
Co Headline regular
abcdefghijklmanñopqrstuvwxyz
ABCDEFGHIJKLMANÑOPQRSTUVWXYZ
0123456789 ‘ ? ! ” ( % ) # @ / & < - + ÷ × = > $ € : ; , . *
Co Headline light
abcdefghijklmanñopqrstuvwxyz
ABCDEFGHIJKLMANÑOPQRSTUVWXYZ
0123456789 ‘ ? ! ” ( % ) # @ / & < - + ÷ × = > $ € : ; , . *
Open Sans Family
abcdefghijklmanñopqrstuvwxyz
ABCDEFGHIJKLMANÑOPQRSTUVWXYZ
0123456789 ‘ ? ! ” ( % ) # @ / & < - + ÷ × = > $ € : ; , . *
Visual elements
Typography abcdefghijklmanñopqrstuvwxyz
ABCDEFGHIJKLMANÑOPQRSTUVWXYZ
Use Co Headline regular and 0123456789 ‘ ? ! ” ( % ) # @ / & < - + ÷ × = > $ € : ; , . *
light for highlight specific
content.
abcdefghijklmanñopqrstuvwxyz
The Open Sans family can be ABCDEFGHIJKLMANÑOPQRSTUVWXYZ
used in all weights. It solves 0123456789 ‘ ? ! ” ( % ) # @ / & < - + ÷ × = > $ € : ; , . *
hierarchy issues in a easy and
clean way.
Visual elements
Patterns
Brand pattern options that may
be used to add versatility and
interest.
Brand guidelines