brand guidelines - · pdf filerealvnc brand guidelines 3 brand creates the personality of...
TRANSCRIPT
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
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.