Integrated Innovation Institutebranding guidelinesAugust 2014

logomark and wordmark

Consistent and appropriate use of Logomark and Wordmark plays a significant role in advancing the recognition of our brand identity. Any official material associated with the institute must present either a logomark or a wordmark. Anytime you use our logomark or wordmark, you should obtain the graphic files by contacting our main office at 412-268-2808 or integrated-innovation@andrew.cmu.edu.

Please note that recreation of logomark and wordmark are prohibited.

Hierarchy within the logo mark should be:1. Logo “The Three i”2. Integrated Innovation Institute3. Engineering + Design + Business

In all cases, please make sure you include Carnegie Mellon University wordmark somewhere prominent near the institute logomark.

Hierarchy within the wordmark should be:1. Carnegie Mellon University2. Integrated Innovation Institute3. Engineering + Design + Business

We recommend you to integrate line element in a page design where you use the wordmark.

**Everytime you use either logomark or wordmark, please make sure you leave at least 1/4 inch clear space.

Wordmark Examples Logomark Examples

color usage

Consistent use of color across our communications helps us build cohesive visual language within our brand and leverages awareness and recognition of the brand identity. The use of color triggers emotional response and enhances the depth of our storytelling.

Official Color Palette (Logomark and Wordmark)The main colors in our official communications–such as letterhead, business card, and official envelope–are limited to PMS 187 red (C15, M100, Y90, K10), black, white, light gray, and dark gray (C62, M54, Y53, K26). Among those main colors, red, black, and white should be the dominant colors. The official wordmark should appear primarily in the three dominant colors while preferred combination is red and black with white background. When you use the official wordmark in darker background, you should use white only or white with a red combination. When you use wordmark in a content focused materials, such as a presentation, you should use light gray or dark gray in order to ensure that contents receive greater attention.

RedC 15 M 100 Y 90 K 10

BlackC 0 M 0 Y 0 K 100

WhiteC 0 M 0 Y 0 K 0

Light GrayC 62 M 54 Y 53 K 26tint 30%

Dark GrayC 62 M 54 Y 53 K 26

Collateral Materials (Print and Web)You have the freedom in using the colors for internal communications–such as institute catalog, bro-chure, presentations, building signage, and social media. For internal use, color palette expands to include beige (C25, M25, Y40, K0), light green (C20, M0, Y100, K0), yellow (C2, M20, Y92, K0), and light blue (C19, M3, Y11, K0) in addition to the official color palette. The internal color palette is most effective when used as background color or as an accent color in communication material. Each color has its preferred appli-cation, but not limited to the defined application. You can find more about the preferred application for the each color below.

• Light Green or Red or Beige or Brownish Black: Primarily used when you provide general information about the institute.

• Yellow: Primarily used when you offer information about master’s program.• Light Blue: Primarily used when you provide information about the difference between Integrated

Innovation Institute and other institutes.

Light GreenC 20 M 0Y 100 K 0

YellowC 2M 20 Y 92 K 0

BeigeC 25 M 25 Y 40K 0

Light BlueC 19 M 3Y 11 K 0

Brownish BlackC 68 M 66 Y 62 K 63

If you need to use the institute color in combination, we recommend you to use below color combination.

We highly discourage you to use below color combination.

typography

We recommend that you use Roboto font families in all Integrated Innovation Institute communication materials. This font family is chosen to complement the institute logomark and wordmark. Recommended weights for overall headlines are Medium or Bold, while recommended weight for overall body texts are Regular. We encourage you to keep the font size bigger than 7 pt to ensure readability.

In the case where there is a possibility that the font could be automatically converted to something else –e.g. e-mail signature– we recommend that you use Helvetica font families instead of Roboto font families.

The institute’s logomark and wordmark are not to be recreated in a font–it is graphic files only. In the case when you must have to recreated the wordmark, please use Taz bold /all cap /tracking 80.

Typography Examples

Roboto LightLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rutrum nisi in facilisis blandit. Aenean lacinia porttitor nisl, nec volutpat est rutrum pulvinar. Praesent ullamcorper risus non adipiscing rutrum. Aliquam sit amet leo cursus, sodales metus in, convallis augue. Vestibulum ullamcorper lorem ac lacinia rutrum. Vestibu-lum non tincidunt lacus. Phasellus commodo volutpat ultricies.

Roboto Light ItalicLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rutrum nisi in facilisis blandit. Aenean lacinia porttitor nisl, nec volutpat est rutrum pulvinar. Praesent ullamcorper risus non adipiscing rutrum. Aliquam sit amet leo cur-sus, sodales metus in, convallis augue. Vestibulum ullamcorper lorem ac lacinia rutrum. Vestibulum non tincidunt lacus. Phasellus commodo volutpat ultricies.

Roboto RegularLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rutrum nisi in facilisis blandit. Aenean lacinia porttitor nisl, nec volutpat est rutrum pulvinar. Praesent ullamcorper risus non adipiscing rutrum. Aliquam sit amet leo cursus, sodales metus in, convallis augue. Vestibulum ullamcorper lorem ac lacinia rutrum. Vestibulum non tincidunt lacus. Phasellus commodo volutpat ultricies.

Roboto ItalicLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rutrum nisi in facilisis blandit. Aenean lacinia portti-tor nisl, nec volutpat est rutrum pulvinar. Praesent ullamcorper risus non adipiscing rutrum. Aliquam sit amet leo cursus, sodales metus in, convallis augue. Vestibulum ullamcorper lorem ac lacinia rutrum. Vestibulum non tincidunt lacus. Phasellus commodo volutpat ultricies.

Roboto MediumLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rutrum nisi in facilisis blandit. Aenean lacinia porttitor nisl, nec volutpat est rutrum pulvinar. Praesent ullamcorper risus non adipiscing rutrum. Aliquam sit amet leo cursus, sodales metus in, convallis augue. Vestibulum ullamcorper lorem ac lacinia rutrum. Vestibulum non tincidunt lacus. Phasellus commodo volutpat ultricies.

Roboto Medium ItalicLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rutrum nisi in facilisis blandit. Aenean lacinia port-titor nisl, nec volutpat est rutrum pulvinar. Praesent ullamcorper risus non adipiscing rutrum. Aliquam sit amet leo cursus, sodales metus in, convallis augue. Vestibulum ullamcorper lorem ac lacinia rutrum. Vestibulum non tincidunt lacus. Phasellus commodo volutpat ultricies.

Roboto BoldLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rutrum nisi in facilisis blandit. Aenean lacinia porttitor nisl, nec volutpat est rutrum pulvinar. Praesent ullamcorper risus non adipiscing rutrum. Aliquam sit amet leo cursus, sodales metus in, convallis augue. Vestibulum ullamcorper lorem ac lacinia rutrum. Vestibulum non tincidunt lacus. Phasellus commodo volutpat ultricies.

Roboto Bold ItalicLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rutrum nisi in facilisis blandit. Aenean lacinia port-titor nisl, nec volutpat est rutrum pulvinar. Praesent ullamcorper risus non adipiscing rutrum. Aliquam sit amet leo cursus, sodales metus in, convallis augue. Vestibulum ullamcorper lorem ac lacinia rutrum. Vestibulum non tincidunt lacus. Phasellus commodo volutpat ultricies.

stationary

The stationary system has been designed to meet the needs of the Integrated Innovation Institute community. Whenever you decide to speak on behalf of the institute, please reach the institute main office at 412-268-2808 or integrated-innovation@andrew.cmu.edu and get appropriate template. Note that desktop interpretation of the stationary system is prohibited.

ColorUse of colors in official stationary materials–letterhead, business card, and envelopes– is limited to our official color palette: red, black, and white. Logo and wordmark must be in red/black combination on white background. All texts should be in black color.

TypographyAll texts you put in the communication template you’ve obtained from Institute main office must be in the family of Roboto. Recommended weights for overall headlines are Medium or Bold while recommended weight for overall body texts are Regular. We encourage you to keep the font size bigger than 7 pt to ensure readability.

e-mail signature

In the case of e-mail signature where there is a possibility that the font and color could be automatically converted to something else, we recommend that you use more conventional fonts and colors that are similar to our type and color system. In this case, it is recommended to use Helvetica font families instead of Roboto font families/ and any red color instead of our red (C15, M100, Y90, K10).

For type and color use, follow the template below.

11.5pt , Bold

11.5pt , Bold

11pt , Regular

11pt , Regular

1.5 line height

1.5 line height

10pt , Regular

10pt , Regular

11.5pt , Regular

11.5pt , Regular

If you hold more than one position in Carnegie Mellon University, please follow the template below.

tv and video

Similar to other branded promotional materials, videos produced by Integrated Innovation Institute should be of the highest quality to properly represent Integrated Innovation Institute.

When introducing an individual being interviewed in the video, you should follow the template below.

1280 px

700 px

34 px, Light

23 px, Light

2 px, Solid Line

presentation

If you have to say something important on behalf of Integrated Innovation Institute, you must obtain PowerPoint presentation template from our main office at 412-268-2808 or integrated-innovation@andrew.cmu.edu. Please follow the presentation guideline below. You can apply master layout by creating blank slide then apply “layouts” in PowerPoint.

• You should always start with title block (color block). You can use text only slides after the title slide.• If you want to put photographs with title block, you should not put more than 6 photographs in one

slide• Maximum of 9 photographs in one slide• Every time you want to use full bleed photograph,

• you could either “copy” and “paste in place” institute name and Carnegie Mellon University name from the template provided on top of the photograph,

• or create blank page from the template and change background photograph in the template itself. • Keep your slide simple and clean. Avoid fancy transition or animation.• Use branded colors and imagery.• We recommend you to use specific color for specific topics:

• Light Green or Red or Beige or Brownish Black: Primarily used when you provide general informa-tion about the institute.

• Yellow: Primarily used when you offer information about master’s program.• Light Blue: Primarily used when you provide information about the difference between Integrated

Innovation Institute and other institutes.• For typography, we recommend you to use family of Roboto. If you don’t have access to Roboto font

family, you should use either Helvetica family or Calibri family.• We recommend you to follow the rule of six. No more than six lines to a slide and six words to a line.• We recommend you to use image slides or full color background slides for topic transition.

catalog & brochure

Editorial style for the institute should have consistent voice but flexible enough to fit various media. You could obtain templates for various media from the institute main office at 412-268-2808 or integrated- innovation@andrew.cmu.edu.

Style• Photographs in all communication materials must be from official institute gallery. • We recommend you to use large full bleed images to create “open” feeling.• Whenever you use text on top of photograph, create a text boundary box with 85% opacity

(recommended color for boundary box is white). ColorWe recommend you to use institute color scheme in all communication materials.We recommend you to use specific color for specific topics:• Light Green or Red or Beige or Brownish Black: Primarily used when you provide general information

about the institute.• Yellow: Primarily used when you offer information about master’s program.• Light Blue: Primarily used when you provide information about the difference between Integrated

Innovation Institute and other institutes.

TypographyAll texts you put in the communication template you’ve obtained from Institute main office must be in the family of Roboto. Recommended weights for overall headlines are Medium or Bold while recommended weight for overall body texts are Regular. We encourage you to keep the font size bigger than 7 pt to ensure readability.

building signage

The official institute branding identity system must be applied to any outdoor or indoor directional signs of the institute property. Please contact institute main office at 412-268-2808 or integrated-innovation@andrew.cmu.edu if you are interested in updating any standard interior or exterior directional signage. We currently have two versions of building signs, red and beige. Please be sure to use color consistently in the building.

RestrictionYou should not apply beige signs on beige or tan colored wall.

Locker TagWhenever you need locker tags to be printed, you should obtain template from the institute main office at 412-268-2808 or integrated-innovation@andrew.cmu.edu. Note that change of typographical treatment is prohibited.

Door TagWhenever you need door tags to be printed, you should obtain template from the institute main office at 412-268-2808 or integrated-innovation@andrew.cmu.edu. Note that change of typographical treatment is prohibited. You could alter the length of the “line element” below the “name.” Whenever the name is longer than the institute wordmark, you should extend the line to be aligned right with the name. And, whenever the name is shorter than the institute wordmark, the line should be aligned right with the institute wordmark.

Front DoorThe institute wordmark and/or logomark should be applied to the front door of all institute properties. Please contact institute main office at 412-268-2808 or integrated-innovation@andrew.cmu.edu if you need to update your front door frosting. We recommend you to print the front door sign with white frosting film.

social media

Social media is a great tool to communicate with the Integrated Innovation Institute audience. Please make sure all you share communicates the integrity of institute brand identity.

We provide social media general templates to ensure all our communications speak cohesive visual language of our brand. Please contact Integrated Innovation Institute main office at 412-268-2808 or integrated-innovation@andrew.cmu.edu to obtain social media template and customize to fit your needs.

• Always include a logo and/or wordmark in your social media• Use institute photos, color, and typography in all your communications that you have control of• Always include institute website address (cmu.edu/integrated-innovation)• If you use profile picture in conjunction with header image template we provided, we recommend you

to use profile picture with the logo only.• In the case where your control is limited to profile picture only, we recommend you to use stacked

logomark or wordmark.

Integrated Innovation Institute