rule #1

Flowmon Brand Manual

Standard & Guidelines
Guidelines

A unified corporate identity sends a consistent message of who we are and contributes to the perception of Flowmon Networks as a strong, professional company within the competitive market. These guidelines describe the visual and verbal elements that represent Flowmon’s corporate identity.

If you have any questions or need clarification, please drop us a line at marketing@flowmon.com.

The Flowmon logo comprises two elements – the F icon and logotype. The logo must be in the official Flowmon corporate colors. All parts of the logo must be easily readable with enough space around. The “F” icon is to be used solely in situations that prevent the use of the whole logo because of legibility issues – typically as a favicon or a profile picture on social networks. Logo with the company name is the preffered version.

Logo with company name – Light


SVG | PNG | PDF
 

SVG | PNG | PDF

Logo with company name – Dark


SVG | PNG | PDF
 

SVG | PNG | PDF

Simplified logo


SVG | PNG | PDF

SVG | PNG | PDF

SVG | PNG | PDF

SVG | PNG | PDF

Icon


SVG | PNG | PDF

SVG | PNG | PDF

SVG | PNG | PDF

SVG | PNG | PDF

How to use the Flowmon logo properly? It’s easy!

Minimum logo size

The use of the full logo, consisting of the icon, logotype Flowmon, and possibly “Networks,” is preferred in all situations where the word “Flowmon” is legible. The use of only the icon is possible in all other situations.

Clear space

Whenever you use the Flowmon logo, it should be surrounded by enough space to ensure its visibility and impact. The size of the clear space should be 1x F icon minimum in all directions around the logo.

Custom logo variations

No custom variations of the Flowmon logo, violating the color scheme, or adjustments to its parts are allowed. Do not tilt the logo and make sure it is readable when you use different backgrounds.

Allowed exceptions

The logo can be tilted in order to align it with a given perspective. For example, isometric infographics the logo may be tilted and sloped.

General rules: Do not deform, tilt, or change the logo. Keep enough space around. Preserve readability.

Colors play an important role in Flowmon corporate identity. Therefore it is important to use the correct colors and their specific shades. The primary color system is preferred, the secondary color system is used when contrast is needed (i.e. in a CTA web button) or as part of illustrations, diagrams, and schemes.

Transitions are used in illustrations, diagrams, schemes, graphs, and buttons only. When creating an illustration or scheme, it is also possible to use both darker and brighter shades of primary colors in order to express “shade” or “light”.

Primary Color System

Sky blue

HEX #58BFCF
RGB 88, 191, 207
CMYK 57, 7, 0, 18

Oxford blue

HEX #08253D
RGB 8, 37, 61
CMYK 86, 39, 0, 76

Onyx gray

HEX #3E3E40
RGB 62, 62, 64
CMYK 3, 3, 0, 74

Sheen green

HEX #87DC00
RGB 135, 220, 0
CMYK 38, 0, 100, 13

Peel orange

HEX #F99F0D
RGB 249, 159, 13
CMYK 0, 36, 94, 2

Transitions and Gradients

Sheen green

HEX #87DC00
RGB 135, 220, 0
CMYK 38, 0, 100, 13

Aqua blue

HEX #58FFFF
RGB 88, 255, 255
CMYK 65, 0, 0, 0

Flame red

HEX #e6540c
RGB 230, 84, 12
CMYK 0, 63, 94, 9

Peel orange

HEX #F99F0D
RGB 249, 159, 13
CMYK 0, 36, 94, 2

Oxford blue

HEX #08253D
RGB 8, 37, 61
CMYK 86, 39, 0, 76

Sky blue

HEX #58BFCF
RGB 88, 191, 207
CMYK 57, 7, 0, 18

 

The corporate font plays an important role in communicating an overall tone and quality. Please use the corporate fonts carefully to preserve clarity and harmony in all Flowmon communications. We have selected Montserrat and Gotham. Gotham is a stable, geometric and precise font we use it for printed materials. Our primary font is Montserrat font offered by Google as a free all-purpose font. Neither font is a default part of operating systems so they both need to be installed.

Corporate Typography and Presentations Mini-guide
Montserrat Light
 
Montserrat Bold
 
Montserrat Black
 
Download primary corporate font
Gotham Book
 
Gotham Bold
 
Gotham Extrabold
 
Request secondary corporate font

Infographics

One picture is worth a thousand words. Benefit from using infographics every time you need to explain Flowmon features or associated processes.

Usage

Oxford blue or transition Oxford blue to Sky blue should be used as an ideal background for infographics. There are no other variations prepared. Do not forget to accompany infographics with some catchy text and place them in context.

Infographics library

Presentations

In presentations, corporate typography and infographics should be used above all. In special cases, photos are also allowed. Presentations always have a dark background. To highlight important parts, it is possible to use a transition background.

Presentation template

Photos

Use only photos that appear natural and non-forced, avoid using stock photography services. If you create photos on your own, we suggest hiring a professional photographer. Pictures taken with mobile phones are definitely a no-go. Photos are used only in those cases where it is not possible to use illustration or typography.

Photo library