brand guidelines - · pdf filerealvnc brand guidelines 3 brand creates the personality of...

19
Brand Guidelines

Upload: vuongdang

Post on 27-Mar-2018

222 views

Category:

Documents


5 download

TRANSCRIPT

RealVNC Brand Guidelines 1

Brand Guidelines

2 RealVNC Brand Guidelines

Contents

Introduction Why is brand important? 3Our core brands 3

RealVNC RealVNC logo 4Logo restrictions 6RealVNC colors 8Typography 9

VNC ConnectVNC Connect logo 11

VNC DeveloperVNC Developer logo 13VNC Developer colors 15

VNC AutomotiveVNC Automotive logo 16VNC Automotive colors 18

Need help? 19

RealVNC Brand Guidelines 3

Brand creates the personality of RealVNC and allows us to develop and identify relationships with our customers.Our brand defines our customer’s user experience with RealVNC from a sales or support service phone call, on-stand event visit, social media messaging, supporting product collateral, website browsing to the app UI and finally the actual product itself. These all contribute to the ongoing support and the ultimate satisfaction of the customer. Everyone within the RealVNC organisation has a key role to play in delivering the brand to the market and ensuring customers form a good impressions at all levels of interaction with RealVNC.

Introduction

Why is brand important?

Our core brands:

RealVNC was founded by the original inventors to promote, enhance and commercialize remote access.

VNC Automotive is a single supplier for all your vehicle connectivity needs.

VNC Developer enables you to build remote access into your products and services.

VNC Connect delivers simple and secure remote access software for a wide range of applications and industries.

4 RealVNC Brand Guidelines

RealVNC logo

Primary logo

Clearspace

Logo size limitations

Square version

x

x

3mm15mm

x

This logo should only be used in special circumstances. For instance, use in Twitter social media channel or websites that call for a square dimensions.

If the logo is placed near other elements (such as text, images, and other logos) it must meet the minimum clearspace shown below.

When producing exhibition collateral, corporate signage and other large-scale design items, there is no maximum size limit for the logo, provided the logo positioning guidelines are met. A logo smaller than 3mm is not acceptable in general usage. The only exception to this limit is on certain corporate merchandise, such as printing a logo on the barrel of a pen.

Minimum logo height (primary logo) Minimum logo height (square version)

RealVNC Brand Guidelines 5

RealVNC logo cont.

Color variations

App icons and favicon

Full color on light background

Black version on light background

White version on dark background

Greyscale version on dark background

The full color logo should take precedence on all materials, however you can use the white, black and grey version of the RealVNC Logo on block colored backgrounds or where you deem necessary for readability.

VNC Viewer (Android)

16px

16px

FaviconVNC Server (Android)

VNC Server (iOS 10)

VNC Viewer (iOS 10)

6 RealVNC Brand Guidelines

Logo restrictionsThe following is a guide that provides examples of incorrect use of the logo. These restrictions also apply to the Automotive, Developer and Connect logos.

CORRECT use of the logo DO NOT rotate the logo

DO NOT add elements to the logo

DO NOT change the typeface

REALVNCDO NOT add a gradient or pattern

DO NOT introduce new colors DO NOT unproportionally scale the logo

DO NOT swap the colors

DO NOT

DO NOT delete elements of the logo

DO NOT reposition elements of the logo DO NOT place the logo in a shape

DO NOT add an outline to the logo DO NOT skew the logo

DO NOT reduce the opacity

DO NOT add a border

RealVNC Brand Guidelines 7

Logo restrictions cont.The following is a guide that provides examples of incorrect use of the logo. These restrictions also apply to the Automotive, Developer and Connect logos.

CORRECT use of the logo DO NOT rotate the logo

DO NOT add elements to the logo

DO NOT change the typeface

REALVNCDO NOT add a gradient or pattern

DO NOT introduce new colors DO NOT unproportionally scale the logo

DO NOT swap the colors

DO NOT

DO NOT delete elements of the logo

DO NOT reposition elements of the logo DO NOT place the logo in a shape

DO NOT add an outline to the logo DO NOT skew the logo

DO NOT reduce the opacity

DO NOT add a border

8 RealVNC Brand Guidelines

RealVNC colors

Primary colors

Secondary colors

RealVNC blue should be the dominant color on all design deliverables and the secondary colors should never overshadow it. The secondary colors are intended for accent use only. They should be used sparingly and never over a large area.

MANGOC11 M35 Y84 K0R229 G172 B59

#E5AB3A

REALVNC BLUEPANTONE 2925C75 M30 Y0 K0R40 G140 B244#288CF4

Secondary colors are reserved for specialist applications where a large number of colors are required, such as charts, presentations and supporting print material.

RealVNC blue should be the primary color on all branded deliverables.

GREYPANTONE 431C47 M31 Y20 K4R148 G161 B181#93A0B5

PLUMC40 M63 Y27 K0R169 G112 B143

#A8708F

EVERGREENC64 M18 Y53 K0R103 G165 B138

#66A489

COBALTC86 M62 Y10 K0R52 G95 B160

#335F9F

TANGERINEC9 M61 Y82 K0R225 G122 B58

#E07939

The RealVNC grey can be used with all product logos and is useful for coverage of large areas.

RealVNC Brand Guidelines 9

Typography

Primary font

The RealVNC typography has been carefully selected to complement all our brands across the website and in print.

Open Sans (Light)ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz 0123456789

Open Sans (Regular)ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz 0123456789

Open Sans (Semibold)ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz 0123456789

Open Sans (Bold)ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz 0123456789

Open Sans (Extrabold)ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz 0123456789

Open Sans (Light Italic)ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz 0123456789

Open Sans (Italic)ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz 0123456789

Open Sans (Semibold Italic)ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz 0123456789

Open Sans (Bold Italic)ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz 0123456789

Open Sans (Extrabold Italic)ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz 0123456789

Primary font for website, marketing direct mailers, stand displays, promo items and printed materials. To be used in either black or dark grey shade.

10 RealVNC Brand Guidelines

Secondary font (for use in Microsoft Office)

Type color

As the Open Sans is an exclusive design font, we cannot expect RealVNC staff and external people to have access to the Open Sans font. Therefore we ask that you use Arial font, in standard 10pt font size in either black or grey shade.

A dark grey should be used for the text color, this looks softer to the eye and makes the text more comfortable and inviting to read.

Black can be used if the text is very small (7pt or lower) or when the text is placed onto a light colored background.

Arial (Regular)ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz 0123456789

Arial (Bold)ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz 0123456789

Arial (Bold Italic)ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz 0123456789

Arial (Bold Italic)ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz 0123456789

DARK GREYC0 M0 Y0 K80R87 G87 B87#575756

BLACKC0 M0 Y0 K96R34 G34 B34#222222

Typography cont. The RealVNC typography has been carefully selected to complement all our brands across the website and in print.

RealVNC Brand Guidelines 11

VNC Connect logo

Primary logo

Clearspace

Logo size limitations

Stacked version

x

x

x

This logo should only be used in special circumstances. For instance on websites that call for a square dimensions.

If the logo is placed near other elements (such as text, images, and other logos) it must meet the minimum clearspace shown below.

When producing exhibition collateral, corporate signage and other large-scale design items, there is no maximum size limit for the logo, provided the logo positioning guidelines are met. A logo smaller than 3mm is not acceptable in general usage. The only exception to this limit is on certain corporate merchandise, such as printing a logo on the barrel of a pen.

Minimum logo height (primary logo) Minimum logo height (stacked version)

3mm 10mm

12 RealVNC Brand Guidelines

Color variations

Full color on light background Black version on light background

White version on dark background Greyscale version on dark background

The full color logo should take precedence on all materials, however you can use the white, grey or black version of the VNC Connect logo on block colored backgrounds or where you deem necessary for readability.

VNC Connect logo cont.

RealVNC Brand Guidelines 13

VNC Developer logo

Primary logo

Clearspace Stacked version

Logo size limitations

x

x

3mm 10mm

x

This logo should only be used in special circumstances. For instance on websites that call for a square dimensions.

When producing exhibition collateral, corporate signage and other large-scale design items, there is no maximum size limit for the logo, provided the logo positioning guidelines are met. A logo smaller than 3mm is not acceptable in general usage. The only exception to this limit is on certain corporate merchandise, such as printing a logo on the barrel of a pen.

If the logo is placed near other elements (such as text, images, and other logos) it must meet the minimum clearspace shown below.

Minimum logo height (primary logo) Minimum logo height (stacked version)

14 RealVNC Brand Guidelines

Color variations

Full color on light background Black version on light background

White version on dark background Greyscale version on dark background

VNC Developer logo cont.

The full colored logo should take precedence on all materials, however you can use the white, grey or black version of the VNC Developer logo on block colored backgrounds or where you deem necessary for readability.

App icons and favicon

Viewer (Android)

16px

16px

FaviconServer (Android) Server (iOS 10)Viewer (iOS 10)

RealVNC Brand Guidelines 15

VNC Developer colors

Primary colors

Secondary colors

VNC Developer green should be dominant on all design deliverables and the secondary colors should never overshadow it. The secondary colors are intended for accent use only. They should be used sparingly and never over a large area.

DEVELOPER GREENPANTONE 376C55 M0 Y98 K0R133 G189 B41#84BC28

Secondary colors are reserved for specialist applications where a large number of colors are required, such as charts, presentations and supporting print material.

VNC Developer green should be the primary color on all branded deliverables.

GREYPANTONE 431C47 M31 Y20 K4R148 G161 B181#93A0B5

MANGOC11 M35 Y84 K0R229 G172 B59

#E5AB3A

PLUMC40 M63 Y27 K0R169 G112 B143

#A8708F

EVERGREENC64 M18 Y53 K0R103 G165 B138

#66A489

STEEL BLUEC78 M28 Y22 K0R36 G145 B179

#2490B3

CHERRYC10 M82 Y71 K0

R218 G74 B68#D94A43

The RealVNC grey can be used with all product logos and is useful for coverage of large areas.

16 RealVNC Brand Guidelines

VNC Automotive logo

Primary logo

x

x

3mm 10mm

x

Clearspace Stacked version

This logo should only be used in special circumstances. For instance on websites that call for a square dimensions.

If the logo is placed near other elements (such as text, images, and other logos) it must meet the minimum clearspace shown below.

Logo size limitations

When producing exhibition collateral, corporate signage and other large-scale design items, there is no maximum size limit for the logo, provided the logo positioning guidelines are met. A logo smaller than 3mm is not acceptable in general usage. The only exception to this limit is on certain corporate merchandise, such as printing a logo on the barrel of a pen.

Minimum logo height (primary logo) Minimum logo height (stacked version)

RealVNC Brand Guidelines 17

VNC Automotive logo cont.

Color variations

Full color on light background Black version on light background

White version on dark background Grey version on dark background

The full color logo should take precedence on all materials, however you can use the white, grey or black version of the VNC Automotive logo on block colored backgrounds or where you deem necessary for readability.

App icons and favicon

Viewer (Android)

16px

16px

FaviconServer (Android) Server (iOS 10)Viewer (iOS 10)

18 RealVNC Brand Guidelines

VNC Automotive colors

Primary colors

Secondary colors Tertiary colors

VNC Automotive blue should be dominant on all design deliverables and the secondary colors should never overshadow it. The secondary colors are intended for use only as accents. They should be used sparingly and with great care, and never over a large area.

AUTOMOTIVE BLUEPANTONE 2965C92 M69 Y17 K3R41 G82 B140#28518C

AMBERC0 M42 Y79 K0R255 G168 B63#FFA83F

The amber orange is VNC Automotive exculsive secondary accent color.

Complementing the amber orange, two tertiary colors may be used for specialist applications where a large number of colors are required, such as charts, presentations and supporting print material.

VNC Automotive blue should be the primary color on all branded deliverables.

GREYPANTONE 431C47 M31 Y20 K4R148 G161 B181#93A0B5

DARK GREYC70 M50 Y35 K20

R84 G103 B123#53677B

BLUEC80 M42 Y0 K0R36 G127 B200

#237FC8

The RealVNC grey can be used with all product logos and is useful for coverage of large areas.

RealVNC Brand Guidelines 19

[email protected]

Need help?Other available branded materials include the following:• Business cards• Stationary and complement slips• Letterhead and document templates• PowerPoint templates

If you have any queries about the contents of this document, please contact the marketing department and we will be happy to help you.