Integrated Innovation Institute branding guidelines August 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 Institute 3. 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 University 2. Integrated Innovation Institute 3. 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.
Red C 15 M 100 Y 90 K 10
Black C0 M0 Y0 K 100
White C0 M0 Y0 K0
Light Gray C 62 M 54 Y 53 K 26 Tint 30%
Dark Gray C 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, brochure, 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 application, 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 Green C 20 M0 Y 100 K0
Yellow C2 M 20 Y 92 K0
Beige C 25 M 25 Y 40 K0
Light Blue C 19 M3 Y 11 K0
Brownish Black C 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 Light Lorem 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 Light Italic Lorem 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 Regular Lorem 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 Italic Lorem 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 Lorem 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 Italic Lorem 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 Lorem 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 Italic Lorem 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.
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. Color Use 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. Typography All 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 , Regular
11pt , Regular
10pt , Regular
1.5 line height
If you hold more than one position in Carnegie Mellon University, please follow the template below. 11.5pt , Bold
11.5pt , Regular
11pt , Regular
10pt , Regular
1.5 line height
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
34 px, Light 2 px, Solid Line 23 px, Light 700 px
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 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. 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 integratedinnovation@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). Color We 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. Typography All 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. Restriction You should not apply beige signs on beige or tan colored wall.
Locker Tag Whenever 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 Tag Whenever 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 Door The 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