VIE Standards Guide

Page 1

STANDARDS GUIDE

COVER

1

A VISUAL STANDARDS GUIDE


STANDARDS GUIDE

2


1. What is VIE

STANDARDS GUIDE

VISUAL IDENTITY INDEX: 2. The mark 3. Themeline 4. Color palette 5. Breaking the mark 6. The icons 7. Breaking the icon 8. The Typeface 9. Business units 10. Multimedia

3


STANDARDS GUIDE

4

WHAT IS VIE?


1. WHAT IS VIE

Vie is driven by a clear purpose:

IF YOU WANT TO BE THE BEST BE COMPETITIVE. VIE displays a strong desire to be the best, thus should carry this desire on to their costumers. Creating an atmosphere of competition within the brand will push VIE and their customers to be the BEST! This effort applies to everything we do — from our methodology, to our manufacturing processes, to the tone, look, and feel of our communications. This document was developed to help us work together to build consistent, branded communications that collectively build VIE reputation in the communities we serve. Using these guidelines will enable us to create content that speaks to specific our audiences while maintaining one, unified voice. Together, we can contribute to VIE’s reputation as a leader in global car manufacturing. 5


STANDARDS GUIDE

THE VIE SYSTEM: VIE encourages competition throughout: In keeping with the spirit of competition VIE’s structure is based on 5 internal and 5 external competitive levels. External advancement is dependent on the involvement of the user and their loyalty to VIE. The five levels are represented in the 5 stars and color shifts. Internal levels are difined as service, sales, finance, dealership ownage and corporate. Employees are promoted to a higher ranking based on performance and loyalty to the company. VIE is an equel advancement company, which allows any employee the chance to advance through the levels no matter where they start. The five levels are represented in the 5 main icons and color shifts.

External:

6

Level 1: User has earned 10,000 VIE points.

Level 4: User has earned 40,000 VIE points.

Level one points are worth at least 1000 points each. Examples of level 1 challenges: Car model chosen Car color chosen Purchased Vehicle 10k miles on car First Oil Change

Level four points are worth at least 150 points each. Examples of level 4 challenges: 150k miles on car Engine Replacement Kiss the car Tree hauler 50 City badge Keep it clean (carwash)

Level 2: User has earned 20,000 VIE points. Level one points are worth at least 500 points each. Examples of level 2 challenges: 50k miles on car Cross-country trip Parking ticket Tail gate Garage parked

Level 5: User has earned 50,000 VIE points.

Level 3: User has earned 30,000 VIE points.

Level five points are worth at least 100 points each. Examples of level 5 challenges: 200k miles on car 2nd Time VIE Owner Perfect Maintenance record 2 continent badge Accident free career Trade-in win

Level three points are worth at least 250 points each. Examples of level 3 challenges: 100k miles on car Refer a friend Facebook follower Drive-in theatre Full Ride Photo shoot

With each level up, the user will receive a congratulatory packet that will allow them to replace their current car emblem with a new one which corresponds to their new level. In this way, others can immediately see the status of the user. For a full list of variables see disc content.


CORPORATE

1. WHAT IS VIE

LEVEL 3:

LEVEL 3: DEALERSHIP OWNER

LEVEL 3: FINANCE 7

LEVEL 2: SALES

LEVEL 1: SERVICE


STANDARDS GUIDE

WHY A STRONG BRAND IS IMPORTANT: VIE is driven by a clear purpose: We define a brand as a “name, term, sign, symbol or design, or a combination of them intended to identify the goods and services of one seller or group of sellers and to differentiate them from those of other sellers. Therefore it makes sense to understand that branding is not about getting your target market to choose you over the competition, but it is about getting your prospects to see you as the only one that provides a solution to their problem.

8


1. WHAT IS VIE

HOW TO USE THIS DOCUMENT: 1. Understand our goals The strategy and messaging section provides key information regarding the strategy, messaging, and architecture that organizes and drives VIE as a competitive company.

2. Learn our visual tools The visual identity section starts with our masterbrand and then extends into the remaining parts of our brand architecture. Everyone should understand the over arching visual system as well as the specific part that applies to your mark, business units, multimedia applications, etc.

3. Identify what is needed The visual tools and applications in these guidelines are designed for a range of user types. First, select the application you are creating and then identify the corresponding user level that is required for that application type. These terms are outlined on the next page.

9


STANDARDS GUIDE

WHO WILL USE THIS GUIDE? There are three main groups of users who will use these guidelines. Based upon the following criteria, determine to which group you belong. Then observe those rules that apply:

General users General users make use of pre-designed templates; however, for those interested, the information included here is an excellent aid to understanding the principles at work in VIE communications pieces.

10

Communications professionals Design agencies partner with VIE via a structured creative process to develop materials. Agencies provide expert design application skills, strategic advice, and broad conceptual abilities. They will find this information to be an excellent starting point for the development process.

Communications professionals Communications professionals work within VIE to develop communication pieces for the company on a daily basis. These samples provide guidance for creating variety while staying on-brand.


STANDARDS GUIDE

11


STANDARDS GUIDE

OUR VALUES AND WHAT WE STAND FOR: What We Stand For: Our Values Our values represent our core beliefs. They inform our decisions and guide our actions every day. This reflects our increased focus on serving the needs of our customers. We need to work more closely with partners inside and outside of VIE, and the concept of collaboration expresses this orientation more precisely. These are VIE’s enduring values:

12

• SPIRIT • PASSION • LEADERSHIP • PRIDE • HONOR They describe the type of company we are, and we should demonstrate them in everything we do


1. WHAT IS VIE

THE PROMISE WE MAKE: OUR COMMITMENTS Having built a track record of keeping commitments, we can now ask ourselves: How can VIE uniquely serve customer needs like no other company? The answer is in the five commitments that showed the world what we can contribute. We will:

• Encourage friendly competition among VIE owners. • Set the standard for quality automobiles at an affordable price. • Use our global presence and scale to make a difference in local communities and the world around us. • Promote curiosity, inclusion, and a passion for our products. • Maximize our financial performance so we can meet our commit ments to all who rely on us.

13


STANDARDS GUIDE

WHAT IS BRAND ARCHITECTURE?: Brand architecture: Brand architecture helps define an organization by rationalizing how businesses and products are communicated—it is not an organizational strategy. An architecture strategy is essential in communicating our breadth and depth of offerings, as well as clarifying the relationship between various entities. It defines the relationships of tangible assets:

14

• TRADEMARKS • NAMES • GRAPHIC IDENTITIES • TAGLINES


1. WHAT IS VIE

THE BENEFITS OF A DEFINED BRAND ARCHITECTURE: The VIE architecture should: • Create clarity • Drive long-term shareholder value • Establish VIE as a leader in quality automobiles • Generate cost savings • Support market-focused branding It should help customers find exactly what they are looking for. Through a clear set of rules and an accompanying signature system, we can protect and promote the equity of the VIE identity.

15


STANDARDS GUIDE

THE VIE LOGO: The VIE logo is the primary symbol of our corporation. It unifies us across businesses and geographies, and signals to the market who we are and what we stand for. The VIE brandmark should be presented in its standard and customary fashion in order to be immediately recognizable as belonging to VIE. Consistent presentation not only maintains the VIE brandmark as distinctive, but also makes your job easier. Follow the guidelines below to ensure the VIE brandmark is presented correctly. The VIE brandmark and images may be used for editorial purposes only in newspapers, magazines, online publications, trade publications and broadcast media. Any use of the artwork outside of these guidelines is strictly prohibited.

16


2. THE MARK

VIE Print Logo

17


STANDARDS GUIDE

LOGOS: 1-color alternate logos

18

Preferred logos We have seven 2 logo versions, so be sure to use the proper logo for the right application. he above logo is the Print logo.


2. THE MARK

19

Reverse

White on black Use these logos when 2-color and CMYK logos cannot be used. They are designed to provide legibility for specific application types.

These versions of the logo are provided as scalable vector artwork (EPS).

EPS format allows for high-quality print reproduction. EPS files can be scaled to any size without sacrificing image quality. You may use these files in page layout and graphics programs for print.

Additionally, EPS format files may also be used to create files in any of the other image formats atexactly the sizes required.


STANDARDS GUIDE

THE VIE LOGO CONSTRUCTION: In Illustrator X width: 148.27 px

Stroke: 2 px Angle: 90ยบ X width: 148.27 px

Stroke: 3 px

Angle: 27.5ยบ Y height: 201 px

Y height: 45.79.5 px Y height: 45.79.5 px Angle: -123.5ยบ

Y height from bottom: 6.199 px X width from center: 6.199 px

20

Star Y height: 32 px

How to construct the VIE logo EPS logo files may be scaled to any size necessary for the application, as long as the minimum size requirements are met. For construction, the logo will be sized to the Y height of 201px. and the X width of 148.27px. These proportions must remain the same at any scale.


2. THE MARK

X width: 167.4 px

X width: 20.4 px X width: 22.9 px

“I” height: 75 px

Counter: 7.1 px Y height: 15.7 px

Y height: 68 px

Y height: 19.2 px X width: 20.8 px Angle : 23.75º

X width: 58.1 px

X width: 20.8 px kerning: 9 px 21

Scaling the VIE logo type For construction, the logo will be sized to the Y height of 75px. and the X width of 167.4.27px. These proportions must remain the same at any scale.


STANDARDS GUIDE

THE VIE LOGO CONSTRUCTION: In Illustrator

Y height: 288 px

Extends past: 8.6 px Gap: 10.7 px

22

How to construct the VIE logo When combining the mark with the type the gap between must remain scaled at the ratio of 10.7px. The type should extend 8.6px. on both left and right side of the mark.


2. THE MARK

LOGO FORMATS: Scaling Width: 81 px

Width: 69 px

Width: 69 px

Width: 50 px

Width: 44 px

23 Y height: 62 px

Y height: 39.7 px Y height: 14.8 px

Y height: 23.1 px

Scaling the VIE logo

Minimum size

For most applications, the logo will be scaled to the Y height of 62px.

Minimum size refers to the smallest allowable logo size. The logo is available in one size that can be scaled down to a minimum size of 39.7 px Y height. Always maintain the logo’s aspect ratio when scaling.


STANDARDS GUIDE

THE VIE THEMELINE: WE WIN.

Gap: 45.79 px Font: 25 pt

WE WIN. Align: 45.79.5 px

24

The VIE themeline

How to place the themeline

In keeping with the spirit of competition. The theme line was created to be bold, outgoing and encourage spirit. Simply put “ WE WIN.�.

EPS logo files may be scaled to any size necessary for the application, as long as the minimum size requirements are met. For construction, the themeline font will set in Interstate Regular at 25pt. With a 45.79px gap from the type. These proportions must remain the same at any scale.


3. THEMELINE

VIE LOGO-THEMELINE: Scaling and minimum size Width: 114 px

Width: 93 px

Width: 75 px

Width: 60 px

WE WIN.

WE WIN.

WE WIN.

Width: 55 px

WE WIN.

WE WIN.

X Width: 105.6 px 25 X Width: 32 px Y height: 48 px

Y height: 14.8 px WE WIN.

WE WIN.

Scaling the lock-up The EPS VIE logo-themeline files may be scaled to any size necessary for the application. Do not scale the logo or themeline separately. For most applications, the logo will be sized at heights of at least one 48px. Always maintain the themeline aspect ratio when scaling.

Minimum size Minimum size refers to the smallest allowable themeline size. The themeline is available in one size that can be scaled down to a minimum size of 14.8px high for the themeline with the preferred logo. Always maintain the lock-up’s aspect ratio when scaling.


STANDARDS GUIDE

THE VIE COLORS:

26

Royal Blue

Competition Orange

C: 100 M: 93 Y: 39 K: 38

C: 8 M: 80 Y: 100 K: 1

R: 21 G: 34 B: 78 PMS: 282C/U

Colors: The color palette is made up of the VIE Royal Blue and Competition Orange The secondary color palette consists of the VIE Blindside Black, Loyal Gray, and White Smoke.

R: 222 G: 87 B: 23 PMS: 166C/U


3. THE COLOR PALETTE

27

Blindside Black

Loyal Gray

C: 70 M: 67 Y: 64 K: 73

C: 53 M: 45 Y: 45 K: 10

R: 36 G: 32 B: 33 PMS: 433 2XC/U

R: 123 G: 123 B: 123 PMS: Gray 10

White Smoke C: 70 R: 36 M: 67 G: 32 Y: 64 B: 33 K: 73 PMS: 433 2XC/U


STANDARDS GUIDE

SELECTING THE APPROPRIATE COLOR:

Levels

28

VIE Themeline Color The VIE icon color System will help to create a proprietary look across VIE communications as well as convey the aspirational qualities within VIE’s Purpose and Mission. The illustrations are divided into themes that elevate and support messaging to help tell an overall story of the system.


3. THE COLOR PALETTE

WE WIN.

WE WIN.

29

WE WIN.

WE WIN.

WE WIN.


STANDARDS GUIDE

LOGO DON’TS: Ensure that our logo is clearly recognizable by using it properly, and do not alter it in any circumstances. Consider the logo version and the background it is placed on to provide the best legibility. The examples show various uses to avoid.

30

• Scale or Stretch mark in any way.

• Make sure the Stars are on the logo.

• Do not take away elements.

• Make sure the border is consistent.

• Use correct color palette.


4. BREAKING THE MARK

31

• Only use the Star icon for main logo.

• Do not mix color palette on logo.

• Do not use graphics on logo.

• Use only solid colors on logo.

• Do not use patterns on logo.


STANDARDS GUIDE

ICON SYSTEM: VIE icon illustration style The subject matter captured by the illustrations brings the concepts within competition to life. The illustrations are divided into themes that elevate and support messaging to help tell an overall story. The simple illustration style conveys the aspiration qualities within VIE’s purpose and mission.

32


6. THE ICON

Service

Sales

Finance

Dealership Owner

Corprate

33


STANDARDS GUIDE

VIE ICON ILLUSTRATION RULES:

X height: 107.5 px

Icon Y height: 78.5 px

Icon Y height: 78.5 px

34

How to construct the VIE icons

Use only one icon per application

EPS Icon files may be scaled to any size necessary for the application, as long as the minimum size requirements are met. For construction, the icon will be sized to the Y height of 78.5px. and the X width of 107.5px. These proportions must remain the same at any scale.

Over solid VIE color states the application.


6. THE ICON

Service

Sales

Finance

Dealership Owner

Corporate

35

Use white that is knocked out Only use white icons on color banners.


STANDARDS GUIDE

SELECTING THE APPROPRIATE ICON:

Level 1

level 2

36

Appropriate icon When selecting a icon, be sure to provide the appropriate level icon for the situation. It is imperative that the user receives the correct logo level and icon according to their involvement. Failure to do so may create confusion and break the system.

level 3

level 4

level 5


6. THE ICON

Service

Sales

Finance

Dealership Owner

Corporate

37


STANDARDS GUIDE

VIE ICON ILLUSTRATION DON'TS:

Service

Sales

Finance

Dealership Owner

Corporate

• Make sure the colors are match to the system levels.

• Do not use exturnal colors.

38

Incorrect usage of the icon Use the icon illustrations as shown on the previous page. Incorrect use harms the integrity of the visual system.


7. BREAKING THE ICON

39

• Do not flip icons

• Do not rotate or skew icon.

• Do not use rotate graphics on logo.

• Use correct colors.

• Do not scale graphic.


STANDARDS GUIDE

THE VIE PRIMARY TYPEFACE: VIE primary typeface Interstate is a neo-grotesque sans-serif typeface designed by Tobias Frere-Jones in the period 1993–1999, and licensed by Font Bureau. The typeface is closely related to the FHWA Series fonts, a signage alphabet drawn for the United States Federal Highway Administration in 1949.

ABCDEFGHIJKLMNOPQRS TUVWXYZ abcdefghijklmnopq rstuvwxyz 12345678 !@#$%^&*() 40

ABCDEFGHIJKLMNOPQRS TUVWXYZ abcdefghijklmnopq rstuvwxyz 12345678 !@#$%^&*() When to use Use Interstate for all VIE printed communications where possible. Use Interstate in rendered form for online and electronic applications. When use of Interstate is not possible, use the recommended system typeface. The weights shown for Interstate are approved for use.


8. THE TYPEFACE

41


STANDARDS GUIDE

BUSINESS UNITS:

X Width: 146 px

Y Height: 196 px

42

32o

Office System:

Paper:

Stationery reflects upon individuals as well as on the Corporation. It is particularly critical that stationery project the desired VIE image. The approved layouts for various stationery items are shown in this section. Specifications cover paper stock, color, typography and positioning of typographic elements.

Bright White 100lb


9. BUSINESS UNITS

X Width: 146 px

14 px 6 px WE WIN.

John Smith

Head Mechanic

Y Height: 196 px

E: jsmith@VIE.com P: 834 555 1234 F: 234 555 1235

X Width: 85 px Y Height: 114 px

X Width: 146 px 43

32o

Business card Typography:

Email, Phone, and Fax:

Icon:

VIE type and themeline.

Interstate Bold 9/10 pts. Interstate Regular 9/10 pts.

Matches Division graphics

Title: Interstate Regular 9/10 pts.

and color.

Text: Black

Printing Method:

Logo width 32px

Offset


STANDARDS GUIDE

Y Height: 115 px X Width: 135 px

From top: 18 px Y Height: 115 px X Width: 135 px

307 px

From left: 18 px

240 px From right: 90 px

167 px

Y Height: 115 px X Width: 135 px

From bottom: 35 px

44

Corporate No. 10 Envelope Typograph:

Address box:

Icon & inside envelope

VIE type and themeline matching divsion color.

Interstate Regular 9/10 pts.

Matches Division graphics

Interstate BoldCondensed 10/12 pts.

Text: Black

Printing Method:

Logo width 105.6px

Offset

and color.


11o

9. BUSINESS UNITS

45

Paper: Bright White 100lb


11o

Back:

From top: 43 px

STANDARDS GUIDE

From left: 250 px

From right: 250 px

WE WIN.

From bottom: 670 px

46

Corporate No. 10 Envelope Typograph:

Address box:

Icon:

VIE type and themeline matching divsion color.

Interstate Regular 9/10 pts.

Matches Division graphics

Interstate BoldCondensed 10/12 pts.

Text: Black

Printing Method:

Logo width 105.6px

Offset

and color.


Back: Y Height: 115 px X Width: 135 px

From top: 230 px

From right: 52 px

www.VIE.com E: jsmith@VIE.com 248555 555 1234 4567 P: P: 834 248555 555 1235 4565 F: F: 234 E: wewin@vie.com

1234 Green State Dr. Detroit, MI 38474

9. BUSINESS UNITS

From left: 448 px

Dear Mrs. Andrews,

Sometimes over the course of the life of your car, short maintenance trips are required to keep it up and running smoothly. This is one of those times. Our records indicate that your VIE is due for its full service oil change. Please feel free to stop in anytime for your free service. We look forward to seeing you soon in one of our local VIE facilities. Our state of the art centers allow you to relax in comfort while your car is serviced, or to find out how to maintain your own maintenance schedule. Please feel free to contact me personally at the number below with any questions you may have about your visit. I am also available for personal consultation if you have any questions about you VIE, or simply wish to know more about what we do. Our door is always open, and our world class coffee baristas are always ready to serve you up some caffeine. From right: 105 px

From left: 150 px

10 px

Sincerely,

John Smith John Smith

From left: 200 px

Head Mechanic Lead Mechanic E: jsmith@VIE.com E: jsmith@VIE.com P: 834 555 1234 P: 834 555 1234 234 555 5551235 1235 F: 234 F:

11ยบ

From right: 240 px Y Height: 115 px X Width: 135 px

47


From top: 32 px

From top: 18 px

Y Height: 70 px X Width: 95 px

www.VIE.com

From left: 169 px

From right: 34 px

E: jsmith@VIE.com P: 834 555 1234 F: 234 555 1235 STANDARDS GUIDE

1234 Green State Dr. Detroit, MI 38474 Space: 12 px

48

Paper: Bright White 100lb

11º

Notepad Format

Address box:

Icon & inside envelope

8.5” x 8.25”

Interstate Regular 9/10 pts.

Matches Division graphics and color.

Typograph:

Text: Black

Printing Method:

VIE type and themeline matching divsion color.

Logo width 105.6px

Offset


STANDARDS GUIDE

49


STANDARDS GUIDE

MULTIMEDIA: Ther term multimedia can consist of many different forms of communication. These formats and means of communication can change rapidly, but the brand fundamentals must be kept throughout any VIE brand implementation. Within this section are a few examples of the VIE logo in a multimedia setting.

50

The medium Though the medium may change, the VIE brand must remain the same throughout many different applications.


10. MULTIMEDIA

51


STANDARDS GUIDE

LOGO: On-screen

52

The on-screen logo. The logo has been rendered in photo for on-screen use only. Also in logo prod All print logo specification are the same for the on screen logo. The print vector logo is designed exclusively for print and should never be used on-screen.


VIE on-screen Logo 10. MULTIMEDIA

53


STANDARDS GUIDE

THE VIE COLORS: On-screen

54

Royal blue

Competition Orange

Hex #: 15224E

Hex #: D6552E

Colors: The color palette is made up of the VIE Royal Blue and Copetition Orange The secondary color palette consists of the VIE Blindside Black, Loyal Gray, and White Smoke.

When selecting a color, be sure to provide the appropriate level color for the situation. It is imperative that the user receives the correct logo level and color according to their involvement. Failure to do so may create confusion and break the system.


10. MULTIMEDIA

55

Blindside Black

Loyal Gray

White Smoke

Hex #: 231F20

Hex #: 7B7C7C

Hex #: 231F20


STANDARDS GUIDE

LOGO FORMATS: On backgrounds

56

On backgrounds Place the logo on backgrounds that provide good contrast and legibility to ensure that it is clearly recognizable. The logo is a device that has been considered for use against dark and light footage and photographic material


10. MULTIMEDIA

57


STANDARDS GUIDE

IMAGERY: Subject matter and style

58

Subject matter

Style

• Real life (staged, posed, or fictional) • Optimistic and warm (or neutral) • Singular concept/subject per image • Advancing progress/positive change

• Natural lighting • Bright tonal range • Clear/Sharp focus on subject matter • Clean, simple areas of “white space”


10. MULTIMEDIA

59


STANDARDS GUIDE

WEB SITE: Basic page formatting

Bottom center column The VIE Web Template is also designed to incorporate a column below the center column in the content space. The column is divided into three thumbnails that will link to internal pages.

Center column 60

The VIE Web Template is designed with an center column. The center column is use for displaying the vehicles and themeline. Sites currently using the VIE Web Template will likely easily adapt to the new template utilizing the center column. Center column will contain the logo in the top left corner and navigation flout left and aligned to the bottom of logo.

Footer The VIE footer is required. The footer rule and VIE icon are required elements that can not be changed. Units can add their contact information in the bottom left corner of the footer. Contact information should be text only. Images other than the Logo are not allowed in the footer.


10. MULTIMEDIA

61

Bottom center column

Center column Footer


STANDARDS GUIDE

WEB SITE: Homepage Design

The VIE Web site The VIE Web site and VIE Web Template are 760 pixels wide and centered in the browser window.

The design of the homepage provides users a distinctive and memorable view of VIE.

• All site pages have a the carbonfiber background.

The homepage provides a logical starting point for navigating the robust information provided on the main site and all other VIE Web sites.

• Site text is Arial regular, text color is white, #FFF. 62

• The new VIE Web Template is designed to be deployed on all unit Web pages. • The Web template provides a VIE masthead and footer that can be deployed on existing or new unit sites. • Similar to the previous template design, the new Web template provides an optional left navigation column. • A Cascading Style Sheet (CSS) is provided with the template, but the template does not address what type of content should be on a site or how content should be organized. Units are responsible for the design of all content (text and images) on their Web pages.

The homepage embraces VIE colors and imagery. The background image changes each time users refresh their browsers. The VIE homepage is the online “front door” to the entire company. This page should not be mistaken for any other on the VIE Web site. No office, services, departments or organization Web sites should mimic the design of the VIE Homepage.


10. MULTIMEDIA

63


STANDARDS GUIDE

MOTION GRAPHICS AND BROADCAST: VIE Motion Branding This section covers the use of logos, fonts and graphics within VIE branded video for the web and for broadcast. If you wish to check if your video conforms to the guidelines please contact us at helpmeout@vie.com and send or make it available to us online at its final output size and quality.

16:9

64

Aspect ratio

Title and action zones

A standard 16:9 aspect ratio is ideal when designing VIE motion graphics. This ratio can easily be cropped or letterboxed for standard definition applications or screen resolutions.

There are two main zones to consider when designing for broadcast. The title and action safe zones represent different screen resolutions. These two boundaries must be adhered to.


10. MULTIMEDIA

PERSISTENT LOGO: Positioning Position the logo equi-distant from the top and left of the screen by a distance equal to to half the width of the logo itself. Each video should display an VIE logo which persists for the duration of the film. This should be positioned top left as shown.

at least 30px

1/2 of screen width

1/2 screen width divided by 12

65

Scale

Splash Screen

At output size: 1/12th of the screen width or 30 pixels, whichever is the greater. At large output sizes the logo should not exceed 130 pixels. The logo must be scaled proportionately, with no cropping, to maintain its square shape. The logo must be scaled proportionately, with no cropping, to maintain its square shape.

If you use a splash screen or whole screen title then the persistent logo should be removed or obscured for its duration.


STANDARDS GUIDE

FRAMING THE LOGO:

66

Perspective

Contrast

The angle of view should always portray dominance, power, and strength. The perspective in a motion setting can also portray these same qualities by scaling the logo proportionally, and also by setting the angle of the camera below the perspective horizon line.

The contrast of the image refers to the distance between white and black respectively. The higher the contrast, the brighter the image seems to the eye. When placing black VIE type on a low contrast background, there must be enough contrast for the type to be legible.


10. MULTIMEDIA

ALTERNATE BACKGROUND:

67

Backgrounds Determining the correct background is imperative to maintaing the integrity of the logo. The mark should be easably read and recognizable from a distence on many differet screen formats.


STANDARDS GUIDE

STAFF CONDUCT & DRESS CODE The VIE sales team is our first line of interaction with our customers. They are quite litterally the face of VIE. The sales staff should be in accordance with the standard of excellence that VIE represents and should be knowledgable about the products that they are selling. The dress code is also an important way for customers to identify a specific division or area of interest by simply scanning for a specific color. The color “jersey� that each team memer wears should coenside with their specific area of discipline. The attire is casual, but also shows a level of professionalism. Personal or custom clothing should not be worn while at work.

68

Department Colors: It is important to have the correct colors for each of the respective divisions. This helps to maintain consistency and allows visitors to easily find what they are looking for. It also supports teamwork principles.


Sales

Service

10. MULTIMEDIA

Finance

69

Dealership Owner

Corporate


STANDARDS GUIDE

REAL-LIFE APPLICATION

70

Application The logo can also be applied to other tangable assets in many forms, by simply following the guidelines in this book.


10. MULTIMEDIA

71


STANDARDS GUIDE

72

OTHER APPLICATION EXAMPLES


10. MULTIMEDIA

73


STANDARDS GUIDE

74


STANDARDS GUIDE

75


STANDARDS GUIDE

76

THE DEALERSHIP SPACE


guidelines/color/strategy

10. MULTIMEDIA

MATERIALS AND TEXTURES

77


STANDARDS GUIDE

CONTACT INFORMATION For additional information, please visit www.VIE.com or feel free to email us at WeWin@VIE.com

78


10. MULTIMEDIAGUIDE STANDARDS

DISC CONTENT AND LOGO FILES

79


STANDARDS GUIDE

80

Design by: The VIE creative team Jason Linn

(jasonlinn.com)

Martin Wysor

(martinwysordesign.com)


STANDARDS GUIDE

81


STANDARDS GUIDE

BACK COVER

82

WE WIN.

© College for Creative Studies


Turn static files into dynamic content formats.

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