commvault brand guidelineswebdocs.commvault.com/assets/brand-web/brand guide... · commvault brand...

1VERSION 4 / JULY 2015

Commvault ® Brand GuidelinesDATA CONVERSATIONS ARE CHANGING. AND SO IS COMMVAULT.

COMMVAULT BRAND GUIDELINES

2

An introductionWelcome to the new Commvault. Along with new business models and renewed relationships with our customers, partners and employees, this rebrand is an essential part of changing how the market views Commvault.

This is an exciting time. We’re ready to show the world our new face and our re-energized spirit. We’re welcoming people to a better way of doing business, and inviting them to join a smarter, more strategic conversation.

And just as our face is changing, our name is changing, too — albeit slightly. CommVault is now Commvault. The lowercase “v” no longer separates our name in the middle and creates a solid and more unified identity.

This document is living and breathing, and as the new Commvault brand expands, its look and feel will evolve as well. Icons, video graphics and different treatments of our new pattern, along with other emerging use cases, will all be addressed in the coming months and added to an updated version of this document. To note, however, all brand elements within this document should not be altered in any way. Consistency is one way to ensure a strong and secure brand, and we want Commvault to be as strong moving forward as it has been for the last quarter of a century.


3

ContentsABOUT COMMVAULT Messaging / 5 Brand Attributes / 6

VISUAL IDENTITY Logo / 8 Logo Colors / 9 Logo Safe Area / 10 Logo Misuse/ 11 Color Palette / 12 Color Usage / 13 Typography / 14 Graphic Elements / 15 Iconography / 18 Photography / 19 Photo Treatment / 21 Photo Placement / 22 Video / 23

BRAND EXAMPLES Datasheet / 25 Business Card and Email Signature / 26 Home Page / 27 Pop-Up Banner Design / 28

DO’S AND DON’TS / 29

CONTACT / 30


4

About Commvault


5

Messaging

Commvault’s data protection and information management solutions help companies protect, access and use all of their data — anywhere and anytime — as a powerful strategic asset.

BRAND ESSENCE

VALUE PROPOSITION

BRAND PROMISE

SHARPER THINKING We are always thinking, always working to imagine and realize the next thing.

Our thinking is not just on the edge, it’s beyond the edge. It’s focused, it’s keener, it’s more than expected: it’s sharper.

Sharper thinking is pointed, it’s singular, it’s directed, it’s future-looking, it’s finer, it’s more polished: it’s sharper.

Others may claim sharp thinking. But ours is sharper.

(CUSTOMER-FACING)

(FOR INTERNAL USE ONLY) (FOR INTERNAL USE ONLY)

SIMPLY CONFIDENT This promise combines two very different outcomes into a single, powerful experience. The certainty, peace of mind and assuredness of high-quality data protection and management that comes with Commvault, now enhanced by a whole new experience of simplicity of research, purchase and use.


6

Brand attributesThese attributes acknowledge Commvault’s current standing and its rich history, while repositioning it for the next stage in its growth.

Our mindset is optimistic and open, grounded in practical requirements and customer needs. We look for opportunity while always seeking to maximize the present.

Our solid experience is balanced by our bright, modern thinking and approach. We are always in motion, always current, always dynamic, but in a directed and focused manner: our motion is meaningful, advancing and rationalized.

7


Visual identity


8

PRIMARY LOGO

Logo


9

PRIMARY LOGO

ONE-COLOR LOGO

LOGO REVERSED

ONE-COLOR LOGO REVERSED

Logo colors


10

Logo safe areaIn order to maximize visual presence, the logo requires a surrounding area clear of any other graphic elements or text. The minimum safe area is equal to the height of the “V” from the logo. Always allow at least this amount of clear space around the logo. It is important that this rule be observed and the safe area be maintained at all times.


11

Logo misuseDo not alter the Commvault logo in any way. Always use approved electronic logo files.

The following are some examples of situations to avoid.

Do not place the logo on top of a busy or dark image. It should always be clear and legible.

Do not position the logo within a white box overprinted on a busy or dark backround.

Do not apply any drop shadows or glows. Do not stretch or distort the logo.

Do not scale the logo to less than .75 inches wide in print. Do not recreate the logo using any other typeface.

Do not use the logo as part of a sentence or add to it in any way. Do not alter the axis of the logo.

MAKE YOUR DATA WORK FOR YOU


12

Color palette

Vector Red / Pantone 185 CC 0 M 95 Y 90 K 0R 238 G 49 B 47 HEX EE312F

Deep Blue / Pantone 2965 CC 100 M 0 Y 0 K 100R 0 G 6 B 36 HEX 000624

Bright Blue / Pantone 2995 CC 75 M 5 Y 0 K 0R 0 G 180 B 235HEX 00B4EB

Text Gray / Pantone 8400 CC 0 M 0 Y 0 K 60R 124 G 129 B 132HEX 7C8084

Slight Gray / Pantone 428 CC 2 M 0 Y 0 K 10R 223 G 229 B 232 HEX DFE5E8

Pure White C 0 M 0 Y 0 K 0R 255 G 255 B 255HEX FFFFFF

We’ve made every effort to replicate the colors perfectly across all platforms, including our PowerPoint templates. Please carefully observe the assorted color codes, as attention has been made to properly converting from CMYK through to RGB.

Note: Our Text Gray is used solely for body copy. Also, shades of the Deep Blue, Bright Blue and Text Gray can be used for accents in tables and charts only.


13

COLOR BREAKDOWN COLOR USAGE IN SITU

Color usage

In order to maintain the integrity of the Commvault brand, color should be used appropriately.

Vector Red acts solely as a highlight element. Use it only in the context of the Commvault “vector” (see Graphic Elements on page 16).

Use the Deep Blue to help anchor elements or to break up large areas of white space.

Use the Bright Blue to highlight call-outs and features.

Use the Slight Gray on the pattern (see Graphic Elements on page 16) and highlight less important call-outs to break up white space.

The sample below shows an appropriate use of color.

14


Typography

TAHOMA DIN NEXT

Tahoma RegularABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefjghijklmnopqrstuvwxyz1234567890!@#$%&*()?+=

Tahoma BoldABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz1234567890!@#$%&*()?+=

DIN Next RegularABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz1234567890!@#$%&*()?+=

DIN Next LightABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz1234567890!@#$%&*()?+=

DIN Next MediumABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz1234567890!@#$%&*()?+=

Tahoma is a humanist sans-serif typeface designed by Matthew Carter in 1994. It is the system font that bears the most resemblance to DIN.

Tahoma is the approved system font for use by all Commvault employees. It is a standard font, available to use without a license in Microsoft Word and other programs. While DIN should be used for designed collateral and headlines, Tahoma can be used for presentations and internal communications.

DIN is a geometric sans-serif designed in the 1930s. Over the years, it has been refined by many foundries, with the most typographically correct version, DIN Next, becoming the standard in the late 1990s.

Use DIN Regular for most cases. Use DIN Light for larger display sizes. Use DIN Medium for points of emphasis.

DIN is Commvault’s brand typeface and should be used only by authorized users — those “power users” whose primary role is graphic and web design. For assistance, contact [email protected].


15

Graphic elements

THE VECTOROur vector represents Commvault’s forward-thinking nature. It acts as a beacon on the page. It should be used sparingly, only used to highlight H1’s and H2’s. It should not be used as a bullet or as decoration. The vector should be sized in relation to the type. It is 50% of the height of the H1 and H2. If the highlighted line goes past one line, the vector should remain pointed to the x-height of the top line. For call-outs, the vector may be turned to all white when sitting on a Bright Blue bar, directing the eye to pertinent information.

ANCHOR BAROn pages that do not have a footer, an anchor bar is required to “anchor” the page visually. The height of the anchor bar equates to 1/9 of the height of a grid module (see page 16) and is colored using Deep Blue.


16

GRIDA grid has been developed for placement of all graphic elements. It begins with an 18x18 structure that allows for a clean and concise layout that discourages clutter.

Graphic elements


17

Graphic elementsTHE NODESA node is a connection point. It is where people and data meet. We’ve developed this pattern to be organic, and it should be used as such. The pattern must start out as whole at the edge where it has been placed, but then the pattern may organically break out, just as data and information is dispersed into the world and throughout a company’s network.

On standard print pieces, the approved node pattern should sit in the top right corner in Commvault’s Slight Gray color. In the instance of a double-page spread, the pattern should appear on the right side of the spread. In instances where the photo is the main focus of a piece, the nodes may be placed on top of the image. They should not interefere with the upper torso or face of the subject of the photo. They should be placed in the lower right of the image in Pure White and scaled back to 30% transparency with a soft light filter applied. When used on a photo, the nodes should not appear anywhere else on the same page.


18

IconographyOur icon style reflects our brand values: solid, bright and dynamic. We’ve simplified complex forms into simple shapes that work effectively in copy-heavy documents. An entire icon library will be available in the coming months. For immediate icon requests, please contact [email protected].


19

Our photography is designed to convey confidence and professionalism — in a word, it is “heroic.”

PRIMARY PHOTOSPrimary images should feel contemporary, and feature people who look directly into the camera or confidently just to the side of the frame. Subjects should wear business attire. Avoid the use of cliché imagery.

If the photo contains more than one person, the primary subject should be looking at the camera, with all other subjects focused on other tasks in the background. Make sure your photo has a “hero.”

SUPPORT PHOTOSFor support images, look for people in a non-clichéd working environment who are focused on their tasks. These images should help continue the narrative begun by the primary image.

Photography

SUPPORT PHOTO


20

COLOR SPECTRUMOur photography falls within a specific spectrum of color. The tones in the chosen images should work uniformly with the brand by using blue and gray tones.

Photography


21

Photo treatmentTo ensure that all of our selected photos match our color spectrum, we apply a treatment. Create a new layer on top of your image. Apply a gradient ranging from 100% Bright Blue at the bottom of the image to 100% transparent at the top. A soft light transparency is then applied to your gradient layer and finally, that layer is reduced to 60% transparency.


22

Photo placementImage use depends on the document that is being laid out. For cover pages of brochures and trade show booths, images take up a larger portion of the available white space (A). For more copy-heavy documents, see B and C for image layout suggestions.

In the majority of instances, images should bleed off the left side of the document. Images are cropped in from the right to create a clean and unique layout.

A

B

C


23

Below you’ll see a screen capture of a video treatment using the new Commvault brand. These videos are cleared by the Commvault Marketing Department. For additional information, please contact [email protected].

Note that these are initial samples only. As with all other brand elements, the use of video will evolve as the brand does.

Video

24


Brand examples


25

Datasheet


26

Business card and email signature


27

Home page


28

Pop-up banner design


29

Do’s and don’tsBringing in the new means saying goodbye to the old. Never mix the new brand wordmark and logomark with old brand design or materials. It’s time for a change.

Moving forward, do not use any of the legacy elements or incorporate them into the new brand.

Elements that are no longer appropriate or approved for use include the old logo, the old color palette, old icons, old messaging and any other elements that could be directly associated with the old brand.

We will not order any more materials — sell sheets, collateral, branded items, etc. — that display the old brand.

Old Word documents and PowerPoints should be redesigned using our new brand materials, available on Brand Place. Contact [email protected] for assistance or with any questions you may have.

Consistency is key to building a strong brand. As our new brand enters the market, we will make every effort to keep these guidelines as up to date as possible to ensure that our communications always reinforce our solid, bright, dynamic character.


30

Contact

CommvaultAttn: Marketing Department 1 Commvault WayTinton Falls, NJ [email protected]

For more information on how to apply the Commvault brand, please contact our communications team:

©1999-2015 Commvault Systems, Inc. All rights reserved. Commvault, Commvault and logo, the “CV” logo, Commvault Systems, Solving Forward, SIM, Singular Information Management, Simpana, Simpana OnePass, Commvault Galaxy, Unified Data Management, QiNetix, Quick Recovery, QR, CommNet, GridStor, Vault Tracker, InnerVault, QuickSnap, QSnap, Recovery Director, CommServe, CommCell, IntelliSnap, ROMS, Commvault Edge, and CommValue, are trademarks or registered trademarks of Commvault Systems, Inc. All other third party brands, products, service names, trademarks, or registered service marks are the property of and used to identify the products or services of their respective owners. All specifications are subject to change without notice.

PROTECT. ACCESS. COMPLY. SHARE.

COMMVAULT.COM | 888.746.3849 | [email protected] © 2015 COMMVAULT SYSTEMS, INC. ALL RIGHTS RESERVED.

commvault brand guidelineswebdocs.commvault.com/assets/brand-web/brand guide... · commvault brand...

Documents