BRAND GUIDELINES

healbe.com

2020

CONTENTS
Company Logo

2

Typography

12

Company Logo. Color Versions

3

Accent Brand Colors

13

Product Logo

4

Background Brand Colors

14

Product Logo. Color Versions

5

Colors of Functions

15

Positive Examples of Logo Usage

6

Bands and Straps Colors

16

Logos. Things to Avoid

7

Device Renders

17

Logos. Placement

8

Band Displays

18

Logos. Placement Combination

9

App Screens

19

Photos20

Icons of Functions

10

Brand Backgrounds

21

App Interface Icons

11

Infographics

22

Icons of Sensors

11

Presentations

23

FLOW Technology Logo

11Banners

24

Printing Materials

25Branded Videos26

COMPANY LOGO
Download

You can use three HEALBE logo variations
1. Landscape version
Preferred logo. It is placed on the layout according to thecomposition
2. Portrait version
Use it when placing the logo in the upper or lower

Landscape version

center, according to the composition.
3. The icon
You can use the icon as a separate design element (only
if the main logo is already a part of the layout)

Portrait version

The HEALBE icon

2

COMPANY LOGO. COLOR VERSIONS

Color version for white or light backgrounds

Color version for printing with Pantone

Inverted version for black, volet or otherdark backgrounds

Monochrome version is to be used in lo-fi

Inverted monochrome version is to be used

print quality media

in lo-fi print quality media on black background3

PRODUCT LOGO
Download

You can use 2 versions of GoBe3 logo:
1. Primary version of logo: the Healbe icon andGoBe3 sign
Use this variation wherever possible: for any corporate
items, ads, packaging, etc.
2. Simplified version of logo without Healbe icon
Use it on HEALBE products or as an addition to the
1. Primary version of logo: the Healbe icon and GoBe3 sign

HEALBE logo already present.

2. Simplified version of logo without Healbe icon

4

PRODUCT LOGO. COLOR VERSIONS
Download

Color version for white or light backgrounds

Simplified color version on a light background

Inverted version on a dark background

Monochrome version for printing

Monochrome version for low-quality printing

Inverted monochrome variation for low-quality

in black and white on a light backgroundor one-color silk screen printing on

printing or one-color silk screen printing ona light backgrounda dark background5

POSITIVE EXAMPLES OF LOGO USAGE

On a light backgroundOn the corporate purple backgroundOn a dark backgroundOn the corporate gradient backgroundYou can use color or inverted logo on the photos;

You can use a color logo on a halftone backgroundplease note that it should be readable

with the saturation under 30%; otherwise, we r
ecommend using the inverted logo

6

LOGOS. THINGS TO AVOID

Do not crop or separate logo elements

Do not place logo on an off-brand color backgroundDo not change the logo colors

Lorem ipsum dolor sit
amet, consectetuer
adipiscing elit, sed diam
nonummy nibh
euismod tincidunt ut
laoreet dolore

Do not add any effects

Do not place elements in the logo clear space

Do not use the logo on a contrasting multicolor
background7

LOGOS. PLACEMENT

The logo should have a clear placement on thelayout, according the composition center.
It should always be seen and well-defined.

CLEAR SPACE
The minimum clear space required for the brand logo to ensure
legibility and visual integrity
The minimum clear space of the logo is the width of the letter
O. The clear space should always remain free of any elements.

8

LOGOS. PLACEMENT COMBINATION

Example of logo combination usage
Use the separate HEALBE logo to bring the focus to theproduction company on POS materials and other advertising spaces.

Use the HEALBE logo in combination with GoBe3 logo tobring the focus to the GoBe3 product.
You can also use GoBe3 and HEALBE logos separately on thesame space, unless it goes against the composition andlogic.

Example of separate logo usage

9

ICONS OF FUNCTIONS
Download
UNIQUE FUNCTIONS
Gradient versionFlat version

Inverted version

Icons of functions set makes for the main functions of thebody measured by GoBe. Every icon comprises a circle
featuring a simple recognizable symbol and has adesignated color.

Calorie
intakeWaterbalanceStressLevel

The set can come in gradient and embossed, flat andcolor-filled, or corporate purple variations. You can also

ALL FUNCTIONS

use inverted icons on the brand purple background if so

Gradient version

required by the composition.
Use the gradient symbols for web and mobile productsand ads.

Energybalance

CaloriesburnedCalorieintake

Waterbalance

StressLevel

Sleep
quality

Pulse

Distanse

Steps

WeightWe recommend using flat symbols varying between color,purple, or inverted on printing materials.

Flat version

Monochrome version

Inverted version for dark background

10ADDITIONAL ICONSICONS OF SENSORS

Download

Download

APP

ProfileDashboard

Gyroscope andMagnetometer

Settings

OpticalMonitorGalvanic
Sensor9-axis
Accelerometer

Bioimpedance
Sensor

FLOW TECHNOLOGY LOGO
Download
Sedentary

Routine

Activity

ActivityNight

HeightWalking

Running

Awake

Sleep

AlarmDistance

WeightVolumeandLength1111

TYPOGRAPHY
Download

FONTS FOR HEADINGSMONTSERRAT | MONTSERRATUBUNTU | UBUNTU

Use uppercase Montserrat for headings and opt forOpen Sans when working with body texts in English.
Use Ubuntu for headings and subheadings and Open
Sans for body texts where Russian is involved.
If you are not able to use corporate fonts (for example, onweb pages and presentation slides), opt for using
Verdana, a sans-serif system font.

STANDARD TEXT FONTOpen Sans | Open Sans

FONT FOR WEB PAGES AND PRESENTATIONS

Verdana | Verdana

12

ACCENT BRAND COLORSPurple variations are used for headings, buttons, spacers,function icons, and linear infographics.
As a background, they can only be used for an emotional
emphasis on success, joy, or desire.
(!) NEVER use it as a background for food.

CMYK

52_94_8_0

CMYK

74_100_22_9

Pantone2602 CPantone

2623 C

RGB

142_53_137

RGB

97_40_113

HEX#8e3589

HEX#612871

13

BACKGROUND BRAND COLORS

These colors can be used either as a gradientbackground or as separate elements, according to thecolor palette composition.

CMYK

71_65_64_72

CMYK

76_62_51_38

Pantone

426C

Pantone546U

RGB

35_35_35

RGB

60_70_80

HEX#232323HEX#3b3f48

1314

Secondary background for the app and website

RGB

239_239_239

HEX#efefef

14

COLORS OF FUNCTIONSEvery supporting color corresponds to one of thefunctions in the HEALBE GoBe app.

CALORIE INTAKEWATER BALANCE

PULSE

CMYK

7_96_10_0

CMYK

69_7_0_0

CMYK

10_98_100_1

Pantone219 C

Pantone

306 C

Pantone

485 C

RGB

223_36_132

RGB

7_182_235

RGB

215_37_31

HEX#df2484

HEX#07b6ebHEX#d7251f

SLEEP QUALITYSTRESS LEVEL

CMYK

100_89_19_5

CMYK

2_25_100_0

Pantone7687 C

Pantone7406 C

RGB

32_60_129

RGB

251_193_0

HEX#203c81HEX#fbc100

15

BANDS AND STRAPS COLORSBASIC CONFIGURATION BANDS
Black | Grey
Pantone 7540C
Black | Burgandy
Pantone 209C
Yellow | Black
Pantone 101UREPLACEMENT STRAPSWhite
Pantone 1C
Green
Pantone 7724C
Red
Pantone 032С

16

DEVICE RENDERS
Download

Renders are only used in the layouts featuring a screenthat is “on”.
If there is only one band on the layout, please use theBlack / Gray-colored render.

17

BAND DISPLAYS
Download

The main band displays are used either in band render
mockups or as a separate element to illustrate navigation in the band interface.

18

APP SCREENS
Download

HEALBE app screenshots are used as a primary part foradvertisement communication.
They are used to display readings, GoBe band andHEALBE app interaction and build graphs.

19PHOTOSPHOTO OF THE BAND AND PACKAGING
Photos of the band, the charger, the packaging andthe band worn on a wrist

Download

16

PRODUCT PHOTOS
Photos featuring band functions-typical things
or actionsDownload

LIFE STYLE
Photos featuring people enjoying their everyday lives
while wearing the band on their wrist

Download

20

BRAND BACKGROUNDS
Download

Brand backgrounds in dark and light variations.
They are used in any layouts and videos according to thelayout color palette and composition.

EXAMPLE of background use in a video

21

INFOGRAPHICS
Download

Infographics is an outline of the GoBe3 band or its
accessories, or technology breakdown.
It is used for graphical representation of the band and its
accessories or its main components, or for a concisebreakdown of the technology.

HOW DOES GoBe3
COUNT INTAKE CALORIES?

GoBe3 uses
a bioimpedance sensor
that sends high andlow-frequency signals
through the skin to
determine the movementof this uid, track calories

22

PRESENTATIONS
Download a template

Presentations are an integral part when it comes topresenting the HEALBE brand at exhibitions, conferences, and other platforms. Presentations are branded
via the company’s backgrounds, images, corporate
colors, and other elements.
Information is delivered in portions, 3–4 sentences at atime; if necessary, it could be illustrated with schemes,icons, products renders, and photos.

23

BANNERS

Big banners should be used with a life style emotion
photo. Use banners of different sizes with either photosof products matching the text, or with renders only.
Information readability on any screen should be factoredin first when creating a page makeup.

24

PRINTING MATERIALS

Printing materials are comprised of all graphic representation of the HEALBE brand printed on paper or film,
depending on the purpose: from magazine layouts andleaflets to rollup stands.
Please use life style photos with the focus on calorie
consumption. Use the render of the device with thescreen that is on and a mobile app where the format
does not support it.

25

BRANDED VIDEOS

Every video released by the company should be brandedwith the HEALBE logo in the upper right-hand corner.
It is not applicable to promo videos. The upper right-handcorner in these promos may be used for displaying icons
or names of functions, or any additional information.
Names and positions are placed in the lower left-handcorner in videos.
All videos should only feature brand fonts.

26Download all materials

healbe.com