Brand visual
guidelines
2024

1.0

2.0

3.0

4.0

INTRODUCTION

LOGO ANDVISUAL IDENTITYLOGO USAGE
RESTRICTIONSEVENTDESIGNS

1.1

What is Zabbix?

2.1

Zabbix primary logo

3.1

Logo use

4.1

Zabbix Summit

1.2

The story behind Zabbix

2.2

Zabbix global office logos

3.2

The logo's clear space and proportions

4.2

Conferences

1.3

What makes us different?

2.3

Core colors

3.3

Minimum size and positioning

4.3

Forums

1.4

Purpose of the brand book

2.4

Secondary color

3.4

Logo misuse

4.4

Meetings

2.5

Background colors

3.5

Exceptions

4.5

Meetups

2.6

Color hierarchy

3.6

Partner Co-branding

4.6

Webinars

2.7

Primary typography

4.7

Booth design

2.8

Secondary typography

2.9

Iconography

2.10 Graphic elements
2.11

Screenshots

2.12 Photography

Our mission

We help businessesdeliver flawless services
for a better worldand happier people.

1.0 I N T R O D U CT I O N
1.1

What is Zabbix?

1.2

The story behind Zabbix

1.3

What makes us different?

1.4 Purpose of the brand book

1.1

What is Zabbix?
Zabbix is an all-in-one, open-source monitoring solution thatmakes any hardware, software, service, or web application more
efficient and reliable.
Zabbix automatically detects threats and issues and then either
notifies you or fixes them by itself – freeing up your engineers,
improving the quality of your services, and making your businessmore efficient.
Instead of subscribing to multiple solutions for monitoring
infrastructure components, we can be your “one-stop shop”
when it comes to keeping track of your entire IT stack. Zabbix
lets you monitor anything – from physical and virtual servers orcontainers to network infrastructure, applications, and cloudservices.

1.2

2001

The story
behind Zabbix

2005

Our story is one of audacious aspirations and unyielding deter-

2012

mination. It began with a small group of passionate individuals

The first beta version of
ZABBIX 0.1 IS RELEASED

Zabbix is
FOUNDED IN LATVIA

Zabbix office is
OPENED IN JAPANwho dared to challenge the status quo of monitoring solutions.
Led by Alexei Vladishev and fueled by a shared vision, theyembarked on a journey to create an open-source solution thatwould allow organizations to take their businesses to the nextlevel by helping their IT infrastructures run flawlessly. Throughcountless hours of development, collaboration, and unwavering

2015

Zabbix office is
OPENED IN THE USA

commitment, Zabbix emerged as an industry trailblazer byoffering a robust, scalable, and flexible monitoring solution that
continues to transcend boundaries.
Our story continues to unfold, driven by the relentless pursuit ofexcellence and a profound belief in the transformative power of2020

Zabbix office is
OPENED IN BRAZIL

monitoring technology.
We are headquartered in Latvia, but over the years we haveadded offices in the USA, Brazil, Mexico, and Japan.

2023

Zabbix office is
OPENED IN MEXICO

1.3

What makes
us different?
Our approach to product development is what makes us standout from the crowd. We grant our users unparalleled freedom,with no strings attached. Our software is free and open source,
but backed by a mature and reliable vendor.
We provide data collection, processing, alerting, andvisualization – all in one solution. We also prioritize quality,
ensuring a superb user experience and lightning-fast deployment
while delivering tangible value within days.
As your organization evolves, our product effortlessly adapts
and scales alongside your growth.

1.4

Purpose of
the brand book
The purpose of a brand book is to maintain consistency acrossall branded Zabbix materials.
It contains all the elements that make up the Zabbix brand, fromits founding principles to its visual identity. It serves as the
document of reference for everything related to the use of the
Zabbix brand.

2.0 LO G O A N D

V I S UA L I D E N T I T Y

2.1

Zabbix primary logo

2.2 Zabbix global office logos
2.3 Core colors
2.4 Secondary color
2.5 Background colors
2.6 Color hierarchy
2.7 Primary typography
2.8 Secondary typography
2.9 Iconography
2.10 Graphic elements
2.11 Screenshots
2.12 Photography

2.1

Zabbix primary logo
The cornerstone of the brand's visual identity is the Zabbix logo,
which represents both the company itself and its products. Thisdistinctive and recognizable visual graphic element is used acrossall communication materials.
The logo features the company name, written in white and in all
caps as ZABBIX, positioned in the center of a bright red rectangle.
The Zabbix logo must not be altered, and none of its components
should be removed. It should always be used in its primary
representation whenever possible. If possible, it is better to use it
on a light background, but usage on a dark blue background isallowed as long as the Zabbix logo is easily comprehensible.
For more details on logo usage conditions, refer to Section 3.0.

2.2

Zabbix global
office logos
The Zabbix primary logo represents the entire company, whereas
the Zabbix global office logos represent the specific locations ofZabbix branches.
Each logo consists of the Zabbix primary logo positioned above
the location name, written in white, all capital letters, aligned to
the right, within a rectangle.
The color of the rectangle varies based on the location:
Japan: Dark blue
Latin America: Turquoise
Mexico: Green
Whenever possible, it is better to use the logo on a lightbackground, as it appears more vibrant.

BRAND COLOR

PRODUCT COLOR

Bright
Red

Dark
Blue

2.3

Core colors
Color plays an incredibly important role in the Zabbix brandidentity system. Each color and shade has been chosen for a
specific purpose, and they play vital roles as we establish the
Zabbix brand across all communication materials.
The Zabbix brand and its visual identity feature a bright shadeof red. This color represents Zabbix as a company and serves asa means of communication and recognition.
As for the Zabbix monitoring solution product, the color used isdark blue. This color is also used in the product's interface.
Shades of this color are often used in background graphicalelements (refer to Section 2.10). The use of this dark blue is

100%

100%

80%

80%

60%

60%

40%

40%

20%

20%

recommended in text as well, as it is easier to read than black ona white background. Both of these colors are fundamental to thebrand and represent Zabbix.
Each color can be used separately or together. However, it is#D40000

0A466A

RGB

R

212

R

10

G

0

G

10

B

0

B

106

important to remember that when these colors are combined,
they become quite vibrant, so to ensure effective and light
communication between the company and users, it is

CMYK

C

11

C

99

recommended to balance or tone them down with white or

M

100

M

72

light gray.

Y

100

Y

36

K

3

K

21

Pantone1795 C

534 C

ACCENT COLOR
2.4

BrightBlue

Secondary color
The secondary color highlights and compliments the primarycolors.
The bright blue color can be used as a secondary, additional, or
accent color. This color should not overwhelm the core colorsof the brand.

100%This color can be used to:80%

Accent text
Serve as a background color for small portions of text that60%

need to be highlighted

40%

Act as a secondary button color

20%#0275B8

RGB

R

2

G

117

B

184

C

87

M

49

Y

2

K

0

CMYK

PantoneProcess Blue C2.5

Background colors

HOMEPAGE#FFFFF#F2F2F2#EDEDED#0A466A#D40000

To ensure clear and easily readable communication, a lightbackground should be the preferred choice most of the time.
White, as well as shades of light gray, are used as the solid
colors for the homepage background.
In certain communication materials, such as presentations orsocial media banners, a light gradient can be applied to thebackground.
Additionally, in specific cases (such as in brochures or as
separators between slides in presentations) the brand's corecolors can be used as background colors.

OTHER MATERIALS#FFFFFFto#CED9DF

#FFFFF#F2F2F2

2.6

Color hierarchy
White and light gray tones can be easily overlooked, but it isworth noting these colors, because they provide contrast,
clear spacing, and support for primary colors - bright red anddark blue.

#D40000#EDEDED#0A466A#0275B8

Bright Blue (a secondary color) can be featured with primarycolors as an accent color. The primary colors are still thedominant colors, but the secondary color is used in combination
to draw attention.
It is important to note that for digital use, pure black is notrecommended for text and should not be used as a backgroundcolor. Pure black overpowers surrounding objects and strains theeye on digital devices. This is why #121212 should be usedinstead.

#121212

2.7

Primary Typography

TYPEFACE NAMEWEIGHTS

Gotham Pro

Monitor anything!
Gotham Pro LightAPPLICATION

Monitor anything!

The primary Zabbix typeface is Gotham Pro - a modern

Headers

Gotham Pro Regularsans-serif font that combines clean lines with a sense of

Subheadersgeometric structure, neutrality, and simplicity, originally

Body text

designed by Tobias Frere-Jones. Gotham Pro maintains excellent

Buttonsreadability across various mediums, making it suitable for both

Monitor anything!
Gotham Pro Medium

print and digital applications.

Monitor anything!

Gotham Pro is a versatile typeface widely used for the Zabbix
brand in all communications wherever possible, including:Gotham Pro Bold

Print materials
Digital media banners
Social platform banners
The primary typeface for the Zabbix homepage
Typically, Light, Regular, or Medium versions are used for title
texts (never the Bold version). For body text, the Regular version
is employed. The Bold version is used on rare occasions, while
the Black version is never used.

TYPOGRAPHY SPECIMENAaABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789!@#$%^&*()-_+=[]{}|\:;"',./<>

2.8

Secondary
Typography

TYPEFACE NAMEWEIGHTS

Open Sans

Monitor anything!
Open Sans LightAPPLICATION
Presentations
Word documents

Monitor anything!
Open Sans Regularsans-serif typeface designed by Steve Matteson under

Monitor anything!

commission from Google.

Open Sans SemiBold

Zabbix's secondary typeface is Open Sans - a clean and modern

Monitor anything!

As an open-source typeface, it is used for the Zabbix brandwhen the primary typeface is not feasible, for example:
Presentations that need to be shared online

Open Sans Bold

Word documents
Typically, the Light, Regular, or SemiBold versions are used fortitle texts. The Regular version is employed for body text, while
the Bold version is reserved for rare occasions.

TYPOGRAPHY SPECIMENAaABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789!@#$%^&*()-_+=[]{}|\:;"',./<>

2.9

Iconography
Iconography plays a supportive role in helping users navigate
and intuitively understand our ideas and benefits, while also
making complicated graphics easier to perceive.
Designed to be viewed at a glance, these icons are extensions ofour brand expression. Our graphic elements are stylized, possessclear meanings, and are relevant to our business and users.
Pictograms similar to the ones showcased here are compiled into
a library for various uses, including:
Homepage
Presentations
Infographics
Other communications as needed

STANDARD USAGE
2.9

Iconography

SNMP

Pictograms should always consist of two Zabbix core colors:bright red and dark blue. They can be used with or without the
Zabbix logo.

EXCEPTIONS

Pictograms should be consistent, always drawn with asingle-weight stroke and rounded edges. They can be used withor without the Zabbix logo. Short text, such as 'API' or 'SNMP',
can be added to make the pictograms more understandable.
In rare exceptions, when necessary, they can be used in only one
color - either bright red or dark blue. Additionally, pictograms
may be used with white on a dark blue background in such
uncommon cases.

MISUSEThe use of any other colors, gradients, shadows, or other effects
is strictly forbidden.

Limit to two colors

Don't use any kind

Don't use shadows

Don't use red on

and don’t changeof gradientsor any other special

a dark blue

effects

backgroundthe main two

2.10

Graphic elements
Abstract geometric graphic elements, in the form of lines anddots, can be used in various communication materials, including:Presentations
Print materials
Visualizations
Merchandise
Other communications as needed
Their style can vary to better align with the specific situation, as
long as the Zabbix colors and the overall visual identity of thebrand are kept in mind.

2.10

Graphic elements
Light gradient shapes with subtle shadows may be included incertain promotional materials, such as presentations or productvisualizations. It is better to use these shapes only in digitalmaterials.
These shapes can be accented with bright red or blue lines and alight gradient background.

2.11

Screenshots
Screenshots used in social media and on any othercommunication platform should represent a large, enterprise-level
environment using the latest Zabbix visualization features.
Only high-fidelity photos or vector recreations can be used toensure that the text remains legible.

2.12

Photography
The human-centered approach to photography should always be
kept in mind when creating communication materials. Thisapproach ensures that the materials are intuitive and that they
resonate with the audience, ultimately contributing toengagement.
Real-life photographs featuring Zabbix employees and community members establish a unique and authentic visual identity. Stockphotos should only be used as a last resort.
Quality should always be kept in mind. Therefore, it is crucial touse only high-quality and professional photographs. When it
comes to print materials, the dpi should not be lower than 300 dpi.

3.0 LO G O U SAG E

R E ST R I CT I O N S

3.1

Logo use

3.2 The logo's clear space and proportions
3.3 Minimum size and positioning
3.4 Logo misuse
3.5 Exceptions
3.6 Partner Co-brandingPRIMARY LOGO
3.1

Logo use
Whenever possible, the primary logo should be used: white, withall-caps letters 'ZABBIX' in a bright red rectangle. It is preferable
to use it on a white background, but a dark blue background isalso acceptable.
In rare cases where red can't be applied (merchandise, forexample), it is possible to use monochromatic versions of the
logo.
When using a dark, bright red, or blue background, a whitestroke should always be included, rather than just the letters'ZABBIX'.
Whenever possible, the logo should be used in vector format, as
it allows to retain its quality when resized.

MONOCHROME EXCEPTIONS

3.2

1x

The logo's clear spaceand proportions

1x

1x

1x

1x

1x

1x

The Zabbix logo should always be surrounded by clear spacethat is equal to the height of the capital letter 'X' in the logo.
The area should be kept empty to ensure the logo's visual clarity,
legibility, and impact. By adhering to clear space guidelines,
Zabbix can ensure that the logo is consistently presented in a

1xvisually appealing and effective manner across various platforms

1x

and materials.
No other graphical elements that might overshadow the logo
should be within this clear space area.
3,8x

It is most important to maintain the proportions of the Zabbix
logo. Do not stretch the logo vertically or horizontally under
any circumstances.

1x

MINIMUM SIZE
3.3

73 px

EXCEPTION
15 mm

Minimum sizeand positioning
LOGO POSITIONING WITHIN THE SPACE
The minimum Zabbix logo dimensions for online materials should
not dip below 73 pixels in width and not be above half of thescreen size.
The minimum size in printed materials should not be less than 15
mm in width. In some exceptions, such as iconography that
includes the Zabbix logo and can't be upscaled, the logo can besmaller than 15 mm as long as it remains readable. In such cases, it
is always better to use the vector format.
The Zabbix logo should always be positioned at the top of thespace (e.g., banners). It is preferable to place it on the left side,
but the right side is also acceptable.
Never place the Zabbix logo on the bottom part of the space,
except when it's the only option available.

Don’t use shadow or

Don’t use transparency -Don’t change theany other effects

opacity should be 100%color of the logo

Don’t rotate the logo

Don’t stretch or

Don’t use the ZABBIX

compress the logo

letters without the rectangle

Don’t use low

Don’t use any

Don’t change theresolution files

gradients

typeface

3.4

Logo misuse
In everyday use, it is important that the Zabbix logo remains
unaltered.
The shown examples illustrate common mistakes to avoid whendisplaying the logo.
We kindly ask you to approach the Zabbix logo and the brand'svisual identity as a whole with utmost respect and consideration.

ZABBIX
Don’t use the logo

Don’t place the logo against a

Avoid strongly coloredwithout a red rectangle

background of a similar color

backgrounds

EXAMPLE 1
3.5

Blog

ZabbixExceptions
EXAMPLE 2
In situations where the background graphics do not overwhelm
the Zabbix logo, there can be elements within the logo's clear
space area. Please refer to Example 1 - Zabbix homepage header.
In rare exceptions where there’s very little space, the Zabbix logo
can be closer to the edges than the logo's clear space area.
Please refer to Example 2 - Zabbix extended interface.
In very rare exceptions, the Zabbix logo can be shortened to theletter “Z” in a red square. Please refer to Example 3 - Zabbix
interface.

PRODUCTSOLUTIONSSUPPORT & SERVICESTRAINING

PARTNERS

Documentation
COMMUNITY

English (US)ABOUT USEXAMPLE 3

Customer LoginDOWNLOAD

3.6

Partner Co-branding
When presenting the Zabbix logo alongside a partner’s logo,
both logos should have equal sizing.
Always remember to use enough clear space between bothlogos. It should remain empty to ensure the visual clarity, legibility, and impact of the logos.
The sequence of the logos should be determined on acase-by-case basis.
In situations where an event is hosted by Zabbix and supported
by multiple partners, Zabbix may choose to display its logo on alarger scale, add text such as "In cooperation with," and position
the partner logos in a smaller size.

4.0 E V E N T

DESIGNS

4.1

Zabbix Summit

4.2 Conferences
4.3 Forums
4.4 Meetings
4.5 Meetups
4.6 Webinars
4.7 Booth design

LOGO
4.1

Zabbix Summit

COLOR PALETTE#E2E5EA
to#A4B3C7

Zabbix Summit is the largest and most important Zabbix eventof the year.
Each year's overall design should be similar to the previous years
in terms of colors, in order to maintain visual identity andrecognition for this event. However, the graphics should change
every year.
The design should be light, featuring bright red and darkgray-blue accents. If possible, photos from the previous Summit
should be added to set the mood.
The logo should remain consistent each year, with only the yearchanging. On significant anniversaries, the logo could be altered
to highlight the anniversary year.

Companies that are Zabbix partners may engage in co-marketing
Zabbix events on social media and other communication channels.
Banner templates for specific Zabbix events can be provided by
the Zabbix marketing team. It is permitted to use the Zabbix logo
on your design templates as long as the design meets the logo
usage guidelines (please refer to 3.0).

SOCIAL MEDIA BANNER EXAMPLES#D40000#313E4F

LOGO
4.2

Conferences

COLOR PALETTE#021E4B#021835#0275B8

to#29A4DB#D40000

Conferences rank as the second-largest events for Zabbix, each
held for two days. The logo should maintain consistency over theyears, with the last two digits of the year changing annually.
For each conference, the country's name should be added toindicate its location. This information should be displayed on acolored rectangle, with the color varying based on different
regions. When conferences take place at Zabbix global officelocations, the respective colors of Zabbix global office logos
should be used (Japan: Dark blue, Latin America: Turquoise,
Mexico: Green).
If the conference is hosted in a different location, the color
should be chosen to match that location's distinctive colors. For
instance, the color for China should be bright red, echoing its
flag's hue. Gradient dark blue is used for the banner backgrounds. Additionally, a stylized city skyline graphic should be
added to the design.

Companies that are Zabbix partners may engage in co-marketing
Zabbix events on social media and other communication channels.
Banner templates for specific Zabbix events can be provided by
the Zabbix marketing team. It is permitted to use the Zabbix logo
on your design templates as long as the design meets the logo
usage guidelines (please refer to 3.0).

SOCIAL MEDIA BANNER EXAMPLES

LOGO
4.3

ForumsCOLOR PALETTE#021E4B

to#021E4BAs the third-largest event for Zabbix, Forums are typically held for
1 day in various locations around the world.
The logo should maintain consistency over the years, with the lasttwo digits of the year changing annually. For each Forum, the cityand country should be added to the logo. In contrast to theConferences logo, the location color should remain consistent
for all the Forums - dark blue with white capital letters.
Gradient dark blue should be used for the banner backgrounds.
Additionally, a stylized city skyline graphic, similar to theConferences designs, should be integrated into the design.

Companies that are Zabbix partners may engage in co-marketing
Zabbix events on social media and other communication channels.
Banner templates for specific Zabbix events can be provided by
the Zabbix marketing team. It is permitted to use the Zabbix logo
on your design templates as long as the design meets the logo
usage guidelines (please refer to 3.0).

#14406C

SOCIAL MEDIA BANNER EXAMPLES#D40000

LOGO
4.4

Meetings

COLOR PALETTE#D7E7F1to#EAEEFF

Meetings, the fourth-largest events for Zabbix, are held on-site
all around the world, typically lasting for half a day.
Similar to the Conferences and Forum logos, consistency should
be maintained in the logo over the years, with the last two digitsof the year changing annually. However, for each specific event,the city and country should be added to the logo, with aconsistent design of dark blue and white capital letters.
Furthermore, an abstract contour of the country, featuring dots,should be included in each logo.
In contrast to the Conferences and Forum designs, Meeting
designs use a light gradient as a background. Nevertheless, astylized city skyline graphic is still incorporated into thesebanners and should be added to the design.

Companies that are Zabbix partners may engage in co-marketing
Zabbix events on social media and other communication channels.
Banner templates for specific Zabbix events can be provided by
the Zabbix marketing team. It is permitted to use the Zabbix logo
on your design templates as long as the design meets the logo
usage guidelines (please refer to 3.0).

SOCIAL MEDIA BANNER EXAMPLES#021E4B#D40000ONSITE LOGOONLINE LOGO

4.5

COLOR PALETTE#F2F2F2

Meetups#008FFF#D40000

Meetups are the fifth-largest events and can be conducted aseither on-site or online gatherings.
For each specific event, an icon indicating the location or online
nature should be added, along with the city and country namefor on-site Meetups and the language for online events.
Consistency should be maintained in the logo over the years,
with the last two digits of the year changing annually.
Meetup designs should follow a light theme: light gray for the
background, bright blue as an accent color, and city photos foron-site Meetups.
For online Meetups, graphic elements relevant to the topic of the
Meetup should be incorporated into the design instead of aphoto.

Companies that are Zabbix partners may engage in co-marketing
Zabbix events on social media and other communication channels.
Banner templates for specific Zabbix events can be provided by
the Zabbix marketing team. It is permitted to use the Zabbix logo
on your design templates as long as the design meets the logo
usage guidelines (please refer to 3.0).

SOCIAL MEDIA BANNER EXAMPLESOVERALL LOGO
4.6

ONLINE LOGOENGLISH

Webinars
Webinars, being online presentations, are the smallest events for
Zabbix – yet they are still very important.
Two similar logos should be used: the first serves as an overalllogo for all Webinars, while the second is specific to each webinar, displaying the language in which it is conducted.
Consistency in the logo should be maintained over the years,
with the last two digits of the year changing annually.
Similar to Meetings and Meetups, Webinar designs should adhere
to a light theme: a light blue-grey background, with dark blueand bright red as accent colors. Photos that align with theoverall design can be incorporated.

Companies that are Zabbix partners may engage in co-marketing
Zabbix events on social media and other communication channels.
Banner templates for specific Zabbix events can be provided by
the Zabbix marketing team. It is permitted to use the Zabbix logo
on your design templates as long as the design meets the logo
usage guidelines (please refer to 3.0).

COLOR PALETTE

SOCIAL MEDIA BANNER EXAMPLES#ECF2F4#CFDEE5#021E4B#D40000

4.7

Booth design
Starting from 2023, a consistent and similar design should beapplied to each booth to ensure the maintenance of the brand'svisual identity and recognition across various exhibitions.
This design should incorporate the brand's bright red color, alight gray gradient, and graphical line-dot elements for the
background.
The following elements should be added:
Zabbix logo (mandatory)
SloganLogos of the largest companies that trust Zabbix
WebsiteAwards and recognition badges (if space permits)

zabbix.com