integrated innovation institute style guide

Download Integrated Innovation Institute Style Guide

Post on 01-Apr-2016

215 views

Category:

Documents

0 download

Embed Size (px)

DESCRIPTION

brand guidelines for Integrated Innovation Institute, Carnegie Mellon University

TRANSCRIPT

  • 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 i2. 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 communicationssuch as letterhead, business card, and official envelopeare 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 communicationssuch 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 masters 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 institutes logomark and wordmark are not to be recreated in a fontit 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 materialsletterhead, 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 youve 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 brand

Recommended

View more >