logo guidelines manual version 1.1 — fall 2017/media/files/msb/... · social media avatars:...

29
Logo Guidelines Manual Version 1.1 — Fall 2017

Upload: others

Post on 24-May-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Logo Guidelines Manual Version 1.1 — Fall 2017/media/Files/MSB/... · Social Media Avatars: Overview 1) A social media avatar is a personalized graphical illustration or image that

1

Logo Guidelines ManualVersion 1.1 — Fall 2017

Page 2: Logo Guidelines Manual Version 1.1 — Fall 2017/media/Files/MSB/... · Social Media Avatars: Overview 1) A social media avatar is a personalized graphical illustration or image that

2

Table of Contents

I. McCombs School Configurations . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3Configuration Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4Clear Space and Minimum Size . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5Branded School Level Configurations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7Formal School Level Configurations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10Formal Program, Subbrands, and Department Configurations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12Branded Program, Subbrands, and Department Configurations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14Small Print Configurations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16

II. McCombs School Improper Uses . . . . . . . . . . . . . . . . . . . . . . . . . . . 17

III. Social Media . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20

IV. Colors and Typefaces . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .24

V. Other University Symbols . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .27

VII. Contact Information . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .29

Page 3: Logo Guidelines Manual Version 1.1 — Fall 2017/media/Files/MSB/... · Social Media Avatars: Overview 1) A social media avatar is a personalized graphical illustration or image that

3

I. McCombs SchoolConfigurations

Page 4: Logo Guidelines Manual Version 1.1 — Fall 2017/media/Files/MSB/... · Social Media Avatars: Overview 1) A social media avatar is a personalized graphical illustration or image that

44

Branded Formal

McCombs School Brand

School Brand

Preferred Lock-up

Program Brand Extension 1

Degree Programs**, Texas Executive Education,Business Foundations Program

Preferred Lock-up

Subbrands 1

Degree Programs,Subgroups

Preferred Lock-up

Department Brand 1

Academic Depts., Program Offices, Staff Offices

Preferred Lock-up

Department Brand 2

Centers

Preferred Lock-up

McCombs ConfigurationsIntroduction

1) The university wordmark should appear conspicuously on all school and department communications. Using the university wordmark with individual schools, departments, or administra-tive units shows the relationship between them.

2) Logos for the McCombs School of Business should follow a standardized and consistent visual hierarchy. The signatures support the University of Texas at Austin’s brand while providing a clear, strong unit or group identifier.

3) Branded lock-ups may be used in two ways. As shown, or unlinked with the bottom three lines of signature separate from the branded heading. Both parts must be shown within the same piece (sleeve of t-shirt, back of brochure or mug, etc.)

I. McCombs School Configurations

Formal signature not availablefor Department Brand 1

Page 5: Logo Guidelines Manual Version 1.1 — Fall 2017/media/Files/MSB/... · Social Media Avatars: Overview 1) A social media avatar is a personalized graphical illustration or image that

5

.25" minimum for print33 px web

Clear Spaceand Minimum Size requirements

Clear Space and Minimum Size

1) To maintain our brand’s integrity, clarity and consistency, the size and space left around the logo must always be main-tained across all forms of communication.

2) Use the shield in the lockup to determine the space around it, also called the ‘clear space’ or ‘exclusion zone.’ At the top and bottom of the logo, there should be no words or images placed in the area equal to or greater than the height of the shield. To the left and right sides of the logo, there should be no words or images placed in the area equal to or greater than the width of the shield. The logo must also be spaced away from the edge of a page or design.

3) Minimum size requirements for the reproduction of our logo helps maintain brand presence and legibility. The height of the shield should be 3/8” or larger for print, and 33px or greater for the web. These rules will apply to all signature types.

4) These rules apply to all signature types and configurations.

I. McCombs School Configurations

Page 6: Logo Guidelines Manual Version 1.1 — Fall 2017/media/Files/MSB/... · Social Media Avatars: Overview 1) A social media avatar is a personalized graphical illustration or image that

6

II. School-LevelConfigurations

Page 7: Logo Guidelines Manual Version 1.1 — Fall 2017/media/Files/MSB/... · Social Media Avatars: Overview 1) A social media avatar is a personalized graphical illustration or image that

7

1) The Branded Signature is composed of two elements: 1) The shield with “Texas” and the School’s shorthand name “Mc-Combs” and 2) the official university and school name. When using the Branded Signature, both parts must be used within the same piece.

2) If the Branded Signature is to be divided, the accompanying official name must appear somewhere on the piece of commu-nication on which it is being used.

3) Do not manually produce the Branded Signature. Always use the artwork files that are provided.

EPS Files for divided applications are available from the school communications office upon request.

Preferred Branded Signature

Preferred Branded Signaturein divided application

Branded School-Level Configurations

II. School Level Configurations

Page 8: Logo Guidelines Manual Version 1.1 — Fall 2017/media/Files/MSB/... · Social Media Avatars: Overview 1) A social media avatar is a personalized graphical illustration or image that

8

3/8" minimum for print33px web

Clear Spaceand Minimum Size requirements

Branded SignatureMcCombs School of Business

Branded School-Level Configurations

II. School Level Configurations

Page 9: Logo Guidelines Manual Version 1.1 — Fall 2017/media/Files/MSB/... · Social Media Avatars: Overview 1) A social media avatar is a personalized graphical illustration or image that

9

3/8" minimum for print33px web

Clear Spaceand Minimum Size requirements

Formal SignatureMcCombs School of Business

Formal School-Level Configurations

II. School Level Configurations

Page 10: Logo Guidelines Manual Version 1.1 — Fall 2017/media/Files/MSB/... · Social Media Avatars: Overview 1) A social media avatar is a personalized graphical illustration or image that

10

III. Program, Subbrand, and Department Configurations

Page 11: Logo Guidelines Manual Version 1.1 — Fall 2017/media/Files/MSB/... · Social Media Avatars: Overview 1) A social media avatar is a personalized graphical illustration or image that

11

Formal Program, Subbrand, and Department ConfigurationsIntroduction

1) The university wordmark should appear conspicuously on all school and department communications. Using the university wordmark with individual schools, departments, or administra-tive units shows the relationship between them.

2) Logos for the McCombs School of Business should follow a standardized and consistent visual hierarchy. The signatures support the University of Texas at Austin’s brand while providing a clear and strong unit or group identifier.

3) Branded lock-ups may be used in two ways. As shown, or unlinked with the bottom three lines of signature separate from the branded heading. Both parts must be shown within the same piece (sleeve of t-shirt, back of brochure or mug, etc.)

Formal SignatureBrand extensions

Formal SignatureSubbrands

Formal SignatureDepartment Brand 1

Formal signature not availablefor Department Brand 1

Formal SignatureDepartment Brand 2

III. Program, Subbrand, and Department Configurations

Page 12: Logo Guidelines Manual Version 1.1 — Fall 2017/media/Files/MSB/... · Social Media Avatars: Overview 1) A social media avatar is a personalized graphical illustration or image that

12III. Program, Subbrand, and Department Configurations

Formal Program, Subbrand, and Department ConfigurationsUsage examples

1) Branded pieces with exterior audiences (i.e. conferences, school-hosted events, etc.) should utilize formal signatures. This allows anyone receiving the piece to clearly identify The University of Texas at Austin and the McCombs School of Business.

Formal signature application examples

Page 13: Logo Guidelines Manual Version 1.1 — Fall 2017/media/Files/MSB/... · Social Media Avatars: Overview 1) A social media avatar is a personalized graphical illustration or image that

13

Branded Program, Subbrand, and Department ConfigurationsIntroduction

1) The Branded Signature is composed of two elements: 1) The shield with “Texas” and the School’s shorthand name “McCombs” and 2) the official university and school name. When using the Branded Signature, both parts must be used within the same piece.

2) If the Branded Signature is to be divided, the accompanying official name must appear somewhere on the piece of communi-cation it is being used for.

3) Do not manually produce the Branded Signature. Always use the artwork files that are provided.

EPS Files for divided applications are available from the school communications office upon request.

Formal SignaturePrograms

Formal SignatureSubbrands

Formal SignatureDepartment Brand 1

Formal SignatureDepartment Brand 2

III. Program, Subbrand, and Department Configurations

Page 14: Logo Guidelines Manual Version 1.1 — Fall 2017/media/Files/MSB/... · Social Media Avatars: Overview 1) A social media avatar is a personalized graphical illustration or image that

14

Branded Program, Subbrand, and Department ConfigurationsDivided applications

1) If the Branded Signature is to be divided, the accompanying official name must appear somewhere on the piece of communi-cation it is being used for.

2) Do not manually produce the Branded Signature. Always use the artwork files that are provided.

3) If print colors are limited, the last three lines of the Branded configuration may be printed in one color as shown below.

EPS Files for divided applications are available from the school communications office upon request.

Branded signatureas a divided application

Divided application exampleshowing last three lines of branded configuration as 1-color print.

III. Program, Subbrand, and Department Configurations

Page 15: Logo Guidelines Manual Version 1.1 — Fall 2017/media/Files/MSB/... · Social Media Avatars: Overview 1) A social media avatar is a personalized graphical illustration or image that

15III. Program, Subbrand, and Department Configurations

Special Use Small-Print ConfigurationsAvailable for school-level and degree programs

1) For small print areas, the McCombs School degree programs may use the Special Use Acronym Signatures shown below.

2) Do not manually produce the school department signatures. Always use the artwork files that are provided.

Examples of small print area configurations

Page 16: Logo Guidelines Manual Version 1.1 — Fall 2017/media/Files/MSB/... · Social Media Avatars: Overview 1) A social media avatar is a personalized graphical illustration or image that

16

IV. McCombs SchoolImproper Uses

Page 17: Logo Guidelines Manual Version 1.1 — Fall 2017/media/Files/MSB/... · Social Media Avatars: Overview 1) A social media avatar is a personalized graphical illustration or image that

17

!e Universi" of Texas at AustinMcCombs School of Business

MS Marketing

!e Universi" of Texas at AustinMcCombs School of Business

MBA

The University of Texas at AustinMcCombs School of Business

McCombsTexas

Do not use the official university name signature with any other logo or mark.

Do not stack the branded signatures.(social media avatars may be an exception)

Do not use department names with the branded signatures.

Do not combine the academic shield with any other logo or mark.

Do not stack the academic shield above the branded signatures.

Do not use the branded signature without the formal university name and the official school/dept. name.

Do not combine the academic shield with manually typed signatures.

Do not use acronyms in combination with the branded signature.

Improper Uses

IV. McCombs School Improper Uses

Do not combine any other logo with the academic signature.

Do not place any signature on inappropriate colors.

Do not use the academic shield with any other school or retired wordmarks.

!e Universi" of Texas at AustinMcCombs School of Business

McCombs

Do not use tints of Pantone 159 or 432.

Page 18: Logo Guidelines Manual Version 1.1 — Fall 2017/media/Files/MSB/... · Social Media Avatars: Overview 1) A social media avatar is a personalized graphical illustration or image that

18

V. Social Media

Page 19: Logo Guidelines Manual Version 1.1 — Fall 2017/media/Files/MSB/... · Social Media Avatars: Overview 1) A social media avatar is a personalized graphical illustration or image that

19

Social MediaAn Overview

1) The following pages include standards for social media that can help ensure a strong and consistent social media presence.

2) If you have questions about UT’s social media brand guide-lines, please contact the school communications office.

MBA

V. Social Media

Page 20: Logo Guidelines Manual Version 1.1 — Fall 2017/media/Files/MSB/... · Social Media Avatars: Overview 1) A social media avatar is a personalized graphical illustration or image that

20

Social MediaAvatars: Overview

1) A social media avatar is a personalized graphical illustration or image that represents a user.

2) There are three types of avatars that can be used for social media outlets.

3) Shield Avatar. The white shield on orange background is reserved for the University’s social media presence.

4) Image Avatar. Images may be used by the University, schools, departments and offices. The imagery should be relevant to the entity.

Department example

Shield Avatar

Image Avatar

5) Lockup Avatar. Schools and Departments may use logo lockups for their avatars. Schools may use the stacked pri-mary logo, or a customized version of the branded lockup, as shown below. The orange background is reserved for school level.

Departments and Programs may use a version of the branded lockup as shown on Page 22, only if the name works within the character space.

The customized Lockup Avatars should only be used for application in social media.

Lockup Avatar

University option

School example

V. Social Media

Page 21: Logo Guidelines Manual Version 1.1 — Fall 2017/media/Files/MSB/... · Social Media Avatars: Overview 1) A social media avatar is a personalized graphical illustration or image that

21

Social MediaAvatars: School level

1) The school level may use an Image or a Lockup for its avatar.

2) Image Avatar: An image that identifies the school may be used (i.e. an image of a school building on campus).

3) Lockup Avatar: The school may use the stacked primary logo. The lockup must always be knocked out of an orange background.

150x150px 32x32px

Option 1Image Avatar

Option 2Lockup Avatar

V. Social Media

150x150px 32x32px

Page 22: Logo Guidelines Manual Version 1.1 — Fall 2017/media/Files/MSB/... · Social Media Avatars: Overview 1) A social media avatar is a personalized graphical illustration or image that

22

Option 1Image Avatar

Option 2Lockup Avatar

Option 3Circular Lockup Avatars

1) A degree program level may use an Image or a Lockup for its avatar.

2) Image Avatar: An image that identifies the school may be used (i.e. an image of a building on campus).

3) Lockup Avatar: A program may use the stacked primary school logo, or a customized version of their branded lockup, as shown below. Shorter degree program names may utilize the larger one line logo, while longer names may be set on two lines.

4) In some instances, the provided avatars may not work for both square and circular avatars. For this reason, circle and square avatars have been provided with programs with long names (Option 3).

Social MediaAvatars: Program Brand Extension

MBA

MBA

Files available forBusiness Foundations,Executive Education, and MS Programs

Business

Foundations

Business

Foundations

Business

Foundations

Business

Foundations

The lockups may not display well at small sizes. For this reason, it may be best to use an image that embodies the school.

V. Social Media

Page 23: Logo Guidelines Manual Version 1.1 — Fall 2017/media/Files/MSB/... · Social Media Avatars: Overview 1) A social media avatar is a personalized graphical illustration or image that

23

VI. Colors and Typefaces

Page 24: Logo Guidelines Manual Version 1.1 — Fall 2017/media/Files/MSB/... · Social Media Avatars: Overview 1) A social media avatar is a personalized graphical illustration or image that

24

Primary Color Palette

1) Color is an important tool for our brand system. Using color in a consistent way reinforces our brand and fosters trust and recogni-tion. Burnt Orange and white are the official colors and the primary palette we use to represent The University of Texas at Austin.

The distinctive burnt orange color plays a major role inestablishing our identity and should be implementedconsistently in all web applications and print communications such as business cards, letterhead and presentations, as well as a broad range of marketing materials.

2) Our primary color is burnt orange Pantone 159. Find the CMYK, RGB and HEX values in the chart below.

3) Our secondary color is gray Pantone 432. Find itscorresponding CMYK, RGB and HEX values in the chart below.

Pantone 159CMYK: 0, 65, 100, 9RGB: 191, 87, 0#BF5700

Pantone 432CMYK: 65, 43, 26, 78RGB: 51, 63, 72#333F48

VI. Colors and Typefaces

Page 25: Logo Guidelines Manual Version 1.1 — Fall 2017/media/Files/MSB/... · Social Media Avatars: Overview 1) A social media avatar is a personalized graphical illustration or image that

25

Typography

1) The university’s typographic identity is visible across many applications, including print, electronic and environmental displays. The following type selections have been made to best represent the voice of the university and to maintain a consistent tone throughout various university communications.

2) Our typeface, GT Sectra, is a contemporary serif typeface combining the calligraphy of the broad nip pen with the sharpness of the scalpel knife.

3) Our brand uses the GT Sectra Regular and GT Sectra Regular Italic weights.

GT Sectra Regular

GT Sectra Regular Italic

Benton Sans Regular

Benton Sans Regular Italic

Benton Sans Medium

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwyxz 123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwyxz 123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwyxz 123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwyxz 123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwyxz 123456789

VI. Colors and Typefaces

Page 26: Logo Guidelines Manual Version 1.1 — Fall 2017/media/Files/MSB/... · Social Media Avatars: Overview 1) A social media avatar is a personalized graphical illustration or image that

26

VII. Other University Symbols

Page 27: Logo Guidelines Manual Version 1.1 — Fall 2017/media/Files/MSB/... · Social Media Avatars: Overview 1) A social media avatar is a personalized graphical illustration or image that

27

Other University SymbolsUniversity Seal and Spirit Mark

1) The University of Texas at Austin seal is an important element in our visual identity. Its use is reserved for official communications from the Office of the President as well as business cards and stationery for all schools, units and official university documents, certificates, awards and plaques. The seal may not be used on any other materials, banners and signs, etc. without prior written approval from the Office of Trademark Licensing.

The seal should only appear in burnt orange, black, or white. Exceptions to this may include foil stamp for official docu-ments. For inquiries on other exceptions, please go through the university’s creative director.

University of Texas at Austin Seal

Longhorn Silhouette

2) The Longhorn Silhouette represents the spirit of the univer-sity and is one of the most widely recognized university marks in the world. The Office of Trademark Licensing must grant prior written approval for all uses of the Longhorn Silhouette.

VII. Other University Symbols

Page 28: Logo Guidelines Manual Version 1.1 — Fall 2017/media/Files/MSB/... · Social Media Avatars: Overview 1) A social media avatar is a personalized graphical illustration or image that

28

VIII. Contact Information

Page 29: Logo Guidelines Manual Version 1.1 — Fall 2017/media/Files/MSB/... · Social Media Avatars: Overview 1) A social media avatar is a personalized graphical illustration or image that

29

Contact Information

University Communications is responsible for managing The University of Texas at Austin brand, plays a coordinating role among the administration and academic offices and is the main resource for all issues relating to the university’s institu-tional brand.

It is suggested that each administrative office appoint an Identity coordinator to guide identity use and ensure that all standards in the identity guidelines are maintained. Coordina-tors are expected to monitor performance of the identity within their offices and to ensure consistency.

Email questions to [email protected].

Identity Program Contact Information

McCombs School of BusinessGuidelines

David WengerDirector of [email protected] Kim BrownCreative Director of Design [email protected]

Teresa de OnisSenior Director of [email protected]

University Brand Guidelineswww.brand.utexas.edu

University Digital Guidelinesutexas.edu/brand-guidelines/digital-publishing

University Writer’s Guidelineswww.utexas.edu/brand-guidelines/writing-style-guide

VIII. Contact Information