Viddler Brand Identity Guidelines

Page 1

Viddler: Visual Identity Guidelines

March 2022

1

Viddler Visual Identity Guidelines

© Viddler Inc. 2022 February 2022 | Version 1.0 ©2022 Viddler. All Rights Reserved.


©2022 Viddler. All Rights Reserved.


Viddler: Visual Identity Guidelines

March 2022

3

Table of Contents INTRODUCTION

VISUAL SYSTEM

Brand Mission .................................................... 4

Brand Colors . . ................................... Typography . . ..................................... Primary .. ....................................... Web ............................................. Alternate ......................................

CORE

Vision, Values ..................................................... 5 THE LOGO

12 13 13 14 15

If after reading the design guidelines, you still haven’t found the answer to your query, feel free to contact us at 888.444.1119.

Primary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 Secondary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 Grayscale + One Color .. . . . . . . . . . . . . . . . . . . . . . . . 8 Clear Space . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 Minimum Size . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10 Logo Misuse . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11

©2022 Viddler. All Rights Reserved.


Viddler: Visual Identity Guidelines

March 2022

4

Introduction BRAND MISSION

Founded in 2005 as an interactive video hosting platform, Viddler has helped thousands of companies engage and communicate with their audiences. Our mission is to help our clients build strong relationships with their employees and the communities they serve.

©2022 Viddler. All Rights Reserved.


Viddler: Visual Identity Guidelines

March 2022

5

Core VISION

We develop software and concepts that help our clients Inform, Interact and Engage people within their network using video. We are creating a new category within the Employee Engagement space using our solution that we call a Video Engagement Platform. Our clients add their internal videos, training videos, and marketing videos into our platform to be more engaging to more of their people. VALUES

A more engaged staff and community helps fulfill our clients’ brand promises. Therefore Viddler’s north star is helping our clients be able to better engage their people.

BE OBSESSED WITH THE PROBLEMS WE AIM TO SOLVE

This is our territory to own and we need to know it better than anyone else. By intimately understanding the problems, we can understand how to best solve them and then communicate that to our clients. FOCUS ON LONG TERM GOALS

Long term goals help us keep to a common understanding as we discuss and develop road maps. THINK LIKE A STARTUP

Startups keep agility and testing front and center. Our development, marketing, and management teams will start with MVPs and learn from the data before making larger commitments. MAKE IT EASY TO WORK WITH VIDDLER

We strive to make every step simple for our clients. Learning about Video Engagement Platforms, working with Viddler, using our product, and everything in between. ALWAYS BE PROFITABLE

Profitability helps us keep financially healthy which affords us to make decisions in the best interest of our clients, not shareholders.

©2022 Viddler. All Rights Reserved.


Viddler: Visual Identity Guidelines

March 2022

6

Primary Logo VISUAL IDENTITY

The Viddler logo is the most fundamental part of the brand. The logotype is scripted with a bold and precise sans serif that looks clean and clear. The Viddler logo was built with care and thought to the specific relations between the elements. Do not attempt to recreate these elements. Always use the approved artwork. The 2D logo is to be used in more serious business settings such as: letterhead, website, proposals, and other official documents.

©2022 Viddler. All Rights Reserved.


Viddler: Visual Identity Guidelines

March 2022

7

Secondary Logo VISUAL IDENTITY

The 3-dimensional Viddler logo is designed to catch attention. This logo should be used in marketing settings where creating a personal connection is important. This will include: trade shows, social media, and brochures. The Viddler logo was built with care and thought to the specific relationship between the elements. Do not attempt to recreate these elements. Always use the approved artwork.

©2022 Viddler. All Rights Reserved.


Viddler: Visual Identity Guidelines

March 2022

8

Grayscale + One Color BLACK AND WHITE PRINTING

When it is not possible to produce the logo in color, it may be produced in grayscale or black and white. Always use the approved artwork.

©2022 Viddler. All Rights Reserved.


Viddler: Visual Identity Guidelines

March 2022

9

Clear Space GOOD MARGINS

In order to keep the Viddler signature uncluttered, it needs to be placed in a clean environment. A clearance area that measures the height of two “R’s” from the “Inform • Interact • Engage” tagline should be maintained on the sides, starting at the edges of the logo. On the secondary signature, there is a thin white rule outside the logo elements that acts as an extra buffer for collaborative materials. This is part of the logo as a whole; it should be in addition to the clear space.

©2022 Viddler. All Rights Reserved.


Viddler: Visual Identity Guidelines

March 2022

10

Minimum Size SIZE MATTERS

The minimum logo size shown here should accommodate most applications and reproduction techniques. Make sure the signature is never smaller than what can clearly be executed.

.25”

.25”

1.75”

1.75”

©2022 Viddler. All Rights Reserved.


Viddler: Visual Identity Guidelines

March 2022

11

Logo Misuse INCORRECT LOGO USAGE

Incorrect use of the Viddler logo compromises its integrity and effectiveness. These examples are not comprehensive, but are a small sample of common misuses. To ensure accurate, consistent reproduction of the Viddler logo, never alter, add to, or attempt to recreate it. Always use the approved digital artwork.

DO NOT change the typography in the logo

DO NOT change any colors in the logo

DO NOT stretch the logo disproportionately

DO NOT change the proportions of the elements in the logo

DO NOT rearrange, alter, or add elements to the logo

DO NOT add effects to the logo

©2022 Viddler. All Rights Reserved.


Viddler: Visual Identity Guidelines

March 2022

12

Brand Color Palette PRIMARY COLORS

This color palette emphasizes the Viddler brand colors. The primary colors of this palette consist of Viddler Red, Blue, Yellow, and Cool Gray. These colors are equivalent to the Pantone Matching System (PMS), the standards for which may be found in the Pantone Color Bridge. For 4-color process printing, refer to the CMYK values. For screen and web applications (Microsoft Office PowerPoint, Microsoft Office Word, video, broadcast, websites), use specifications indicated by the RGB and HEX values. Variations in color may occur, but try to match the Viddler color palette as closely as possible. For 4-color printing, use the CMYK values as a foundation before calibrating. Vendors may have their own values and formulas for PMS in 4-color process, but the goal should always be to match the PMS standard of the Viddler color palette. Color variations may also occur on screen as a result of different screen calibrations, operating systems, and software.

VIDDLER RED PMS 185 CP @ 85% C 0 M 79 Y 67 K 0 R 241 G 93 B 83 #F15D53

VIDDLER YELLOW PMS 123 CP C 0 M 19 Y 89 K 0 R 255 G 206 B 52 #FFCE34

VIDDLER BLUE PMS 298 CP C 59 M 27 Y 0 K 0 R 102 G 159 B 213 #669FD5

VIDDLER COOL GRAY PMS COOL GRAY 3 CP C 8 M 5 Y 7 K 16 R 199 G 201 B 200 #C7C9C8

©2022 Viddler. All Rights Reserved.


Viddler: Visual Identity Guidelines

March 2022

13

Typography PRIMARY TYPEFACE

To help provide a consistent, unified look in the Viddler brand’s use of typography, the Nexa typeface should be used on all communications for Viddler products and services. The quality of the Nexa typeface is friendly, confident, eloquent and strong. It is a typeface that will last a lifetime and supports the progressive attitude of the Viddler brand. Nexa Bold, XBold, and Black should be used for headlines or accents. Nexa Book should be used for body copy. Always use Nexa as the primary typeface for Viddler brand applications.

NEXA BOOK

NEXA XBOLD

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!

NEXA BOOK ITALIC

NEXA XBOLD ITALIC

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!

NEXA BOLD

NEXA BLACK

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!

NEXA BOLD ITALIC

NEXA BLACK ITALIC

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!

©2022 Viddler. All Rights Reserved.


Viddler: Visual Identity Guidelines

March 2022

14

Typography WEB

Viddler typography standards should be maintained for website and digital applications. Services and subscription-based libraries of hosted, high-quality fonts should be used to embed the primary typeface. Embedding a typeface allows it to be rendered on a website in supported browsers. This helps to maintain a consistent look across all Viddler materials. To provide a consistent, unified look in the Viddler typography, the Nexa typeface can be embedded for website design. If embedding cannot be arranged, a Typekit.com plan offers an embeddable alternative typeface called Proxima Nova. Proxima Nova should never be used in any other instance.

NEXA BOOK

PROXIMA NOVA REGULAR

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!

NEXA BOOK ITALIC

PROXIMA NOVA REGULAR ITALIC

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!

NEXA BOLD

PROXIMA NOVA BOLD

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!

NEXA BLACK

PROXIMA NOVA BLACK

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!

©2022 Viddler. All Rights Reserved.


Viddler: Visual Identity Guidelines

March 2022

15

Typography ALTERNATE TYPEFACE

Alternate typefaces should have limited use outside the following instances. In the case of Microsoft Word documents or PowerPoint presentations, the Avenir typeface may be used if the Nexa typeface is unavailable. In cases where fonts cannot be embedded, such as email marketing, the Avenir typeface may also be used (if the Nexa typeface cannot be coded). Use sparingly when Nexa cannot be used.

AVENIR BOOK

AVENIR BLACK

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!

AVENIR BOOK ITALIC

AVENIR BLACK ITALIC

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!

AVENIR HEAVY

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890! AVENIR HEAVY ITALIC

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!

©2022 Viddler. All Rights Reserved.


©2022 Viddler. All Rights Reserved.


Turn static files into dynamic content formats.

Create a flipbook

Articles inside

Web

0
page 14

Brand Colors

1min
page 12

Secondary

0
page 7

Brand Mission

0
page 4

Vision, Values

1min
page 5

Clear Space

0
page 9

Primary

0
page 6

Grayscale + One Color

0
page 8

Logo Misuse

0
page 11

Minimum Size

0
page 10
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.