View it now - Studio Waggoner
Transcription
View it now - Studio Waggoner
PGi Brand Guidelines Standards for applying our visual identity PGi Identity Guidelines 1.5 Basic elements PGi Logo Our logo is the most important part of our visual identity system – signaling to our audience that they are interacting with PGi. It is essential that we preserve its integrity at all times. PGi Identity Guidelines 1.5 Basic elements Full Color Logo (preferred version) The preferred version of the PGi logo should be utilized where 4-color printing is available and in all online instances without exception. The full color logo has been optimized for online display. When reproducing the full color logo on paper or apparel that is not white, white ink must be the base color to retain the white characters. Spot Color Logo The PGi spot color logo should only be used when the full color logo cannot be reproduced in the quality that would retain the integrity of the trademark. The spot color logo can be used for silkscreen printing, embroidery tapes, corrugated printing, and instances where 4-color printing is not intended. Pantone 1505 Black and White Logo The PGi logo should only be reproduced in black and white when color is not available. Use the black and white logo for one-color advertisement or B & W fax cover sheets. Pantone Black Reversed to White Logo The PGi logo can be reproduced in white ink or white embroidery thread if the background surface is orange (PMS 1505). Use of the reverse to white logo should be restricted to instances where the apparel is orange or the surface color is PMS 1505 or a close match. PGi Logo Clear Space & Minimum Size The minimum amount of clear space is equal to the height of the x-height of the letter “P” in PGi. The recommended minimum size for the PGi logo is ⅜ or .375 of an inch. Preferred position of PGi brand logo The PGi logo should be positioned in the upper-left corner for PGi corporate print communications and the lower-left corner of a page for product specific communications. The adequate clear space must be maintained. The PGi product logos should never appear more often on a single piece than the PGi logo. If photography or graphics prohibit this, placement in the upper-right corner is also acceptable. x = height of “P” in PGi ⅜ inch width Minimum Size: ⅜ inch (.375”) in diameter PGi Identity Guidelines 1.5 Basic elements PGi Logo Usage PGi Identity Guidelines 1.5 Basic elements It is important that we protect the integrity of our logo at all times. Do not apply the logo in any color other than PMS 1505 , reversed out of PMS 1505 or black. With the exception of scaling the PGi logo artwork, do not alter it in any way. Do not distort, rotate, or manipulate the logo or add other elements to the logo that may affect its presentation. The following examples are unacceptable variations of the PGi logo: 1 2 3 1. Use of the logo on an orange background 2. Placing the logo on a non-horizontal axis 3. Adding a drop shadow 4. Cropping the logo 5. Unproportional scaling 6. Creating a grayscale logo from the full color logo TM 7. Outlining the logo 8. Transparency in the logotype 4 5 6 7 8 9 9. Placing the logo in a complex area of a photo PGi Logo & Tagline Lock-Up PGi Identity Guidelines 1.5 Basic elements The PGi vision is to provide collaboration solutions to the world for the shaping and advancement of ideas. Our tagline encompasses the PGi vision so whenever possible use the logo and tagline lock up to bring awareness to the benefits we offer our customers. The minimum amount of clear space is equal to the height of the x-height of the letter “P” in PGi. The recommended minimum size for the PGi logo and tagline lock up is 1¼ inches or 1.25 inches wide. Preferred position of the PGi logo and tagline The PGi logo and tagline should be positioned in the same location as the standalone logo—in the upper left corner for PGi corporate communications or the lower left corner of a page for product-specific communications. The adequate clear space must be maintained. x = height of “P” in PGi 1¼ inches wide Minimum Print Size: 1¼ inches (1.25”) in width 120 pixels wide Minimum Online Size: 120 pixels in width Alternative Logo and Tagline Lock Up For instances when the logo and tagline do not fit an area the alternative vertical arrangement lock up is available. This arrangement should be reserved only for instances when the primary lock up does not accommodate the space. PGi Color Palette We confidently use a limited color palette to reinforce our position as a technology leader and strengthen global brand recognition. Our color palette is divided into 5 primary colors and 1 specialty color. The primary color palette should be used on all applications. Our primary color palette is made up of PGi Orange, PGi Blue, PGi Dark Gray, PGi Light Gray, White and PGi Silver. These should be used on every application. White is an important part of the PGi Color Palette. It creates the space for our branded communications to breathe and provides a canvas for our other colors to come alive. A silver ink or foil can be used in place of the PGi Light Gray in specific print applications which are outlined further in this document. Our digital color palette mimics the primary color palette while providing additional shades of color. More shades are sometimes necessary for complex interactive designs. These additional shades are to be used sparingly and only when necessary. PGi Identity Guidelines 1.5 Basic elements PGi Print Color Palette To create distinction within PGi visual elements, all online artwork, marketing collateral, and advertising should include over 80% use of the primary color palette. Pantone 1505 C0 M62 Y100 R255 G113 B16 #ff7110 White C0 M0 Y0 R255 G255 B255 #ffffff K0 K0 Pantone Process Cyan C100 M9 Y0 K0 R0 G174 B239 #00aeef Pantone Cool Gray #11 C48 M34 Y24 K67 R78 G84 B92 #4e545c Pantone Cool Gray #1 C4 M3 Y3 K3 R243 G243 B243 #f3f3f3 Pantone 877 or Silver foil Foil Kurz Alufin - Satin gloss PGi Silver cannot be reproduced in RGB / CMYK / HEX PGi Digital Color Palette PGi Orange, PGi Blue, and PGi gray are the primary colors for the digital space. Due to the complexities of interaction design, more shades have been added to our digital palette for greater flexibility. R191 G85 B12 #bf550c R0 G131 B179 #0083b3 R59 G63 B69 #3b3f45 R255 G113 B16 #ff7110 R0 #v R78 G84 B92 #00aeef R255 G141 B64 #ff8d40 R51 G190 B242 #33bef2 R104 G112 B122 #68707a R255 G170 B112 #ffaa70 R102 G206 B245 #66cef5 R134 G141 B149 #00aeef G174 B239 R164 G169 B175 #a4a9af R195 G198 B202 #c3c6ca R225 G226 B228 #e1e2e4 R243 G243 B243 #f3f3f3 PGi Color Palette Flavors The PGi color palette works by combining the colors in different proportions. This creates a flexible, versatile look and feel for our brand while remaining grounded within a common theme. We use a limited color palette to build global brand awareness through a consistent, recognizable application of color. PGi Orange should be a part of every piece that represents our brand with the strength of 10 -15% of coverage. PGi Identity Guidelines 1.5 Basic elements Color Palette Balance of Color Typography PGi Identity Guidelines 1.5 Basic elements ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz 1234567890!@#$%^&*() 1234567890!@#$%^&*() Myriad Pro Light, 32 pt Myriad Pro Light Myriad Pro Regular Myriad Pro Semibold Myriad Pro Semibold Italic Myriad Pro Bold Myriad Pro Bold Italic Myriad Pro Condensed Myriad Pro Condensed Italic Myriad Pro Bold Condensed Myriad Pro Bold Condensed Italic Helvetica Nueu LT Std, 28 pt Helvetica Neue 35 Thin Helvetica Neue 47 Light Condensed Oblique Helvetica Neue 36 Thin Italic Helvetica Neue 57 Condensed Helvetica Neue 45 Light Helvetica Neue 57 Condensed Oblique Helvetica Neue 46 Light Italic Helvetica Neue 67 Medium Condensed Helvetica Neue 55 Roman Helvetica Neue 67 Medium Condensed Oblique Helvetica Neue 56 Italic Helvetica Neue 77 Bold Condensed Helvetica Neue 65 Medium Helvetica Neue 77 Bold Condensed Oblique Helvetica Neue 66 Medium Italic Helvetica Neue 75 Bold Helvetica Neue 76 Bold Italic Helvetica Neue 37 Thin Condensed Helvetica Neue 37 Thin Condensed Oblique Helvetica Neue 47 Light Condensed Typography - Print PGi Identity Guidelines 1.5 Basic elements Myriad Pro and Helvetica Neue LT Std are used for all print communications including PDF documents and signage. Reserve the use of the Helvetica Neue Condensed to special situations such as grids, charts, and tables. Online media such as website, landing pages, email, and presentations can utilize Myriad Pro when available for titles, headlines, display content, and body copy. Myriad Pro Light Myriad Pro Light Helvetica Neue 75 Bold Helvetica Neue 55 Roman Headline in Title Case PGi Orange Subheads in Title Case, PGi Orange, or PGi Gray Paragraph headers in sentence case PGi Gray Body copy is set in Helvetica Neue LT Std 55 Roman with one line space between paragraphs. Body copy can be highlighted using Helvetica Neue LT Std 65 Bold. Helvetica Neue 75 Bold Foot notes in sentence case. Helvetica Neue 75 Bold align to x-height “Quote marks in PGi Orange at same size Myriad Pro Light Helvetica Neue 55 Roman as headlines. Copy in PGi Gray, sentence case, at same point size as sub heads.” — Bill Brasky Helvetica Neue 75 Bold align to cap-height Typography - Online PGi Identity Guidelines 1.5 Basic elements Myriad Pro is the preferred font for all digital applications including websites, landing pages, banner ads, and emails. Since Myriad Pro is not a ‘web safe’ font the use of a web font is required. Contact us for further information regarding web fonts. If the use of a web font is not available, the CSS font stack is as follows: ‘Myriad Pro’, ‘Gill Sans’, ‘Gill Sans MT’, Calibri, sans-serif; Myriad Pro Light Headline in Title Case PGi Orange Myriad Pro Light Subheads in Title Case PGi Orange or PGi Gray Myriad Pro Bold Paragraph headers in sentence case PGi Gray Myriad Pro Regular Myriad Pro Bold Helvetica Bold align baseline to x-height Myriad Pro Light Body copy is set in Myraid Pro Regular with one line space between paragraphs. Body copy can be highlighted using Myriad Pro Bold and hyper-links are PGi Blue. Foot notes in sentence case. “Quote marks in PGi Orange at same size as headlines. Copy in PGi Gray, sentence case, at same size as sub heads.” Helvetica Bold align cap-height to cap-height Myriad Pro Light Italic — Bill Brasky Iconography PGi Identity Guidelines 1.5 Basic elements The PGi icons are created with simple geometric shapes (fig. 1) and can be used in a variety of colors derived from the brand color palette. While icons are meant to provide clarity, they can often mean different things to different people and therefore should be paired with a label or bullet text to give context and clarity to the message. (Fig. 2) Please contact us if you need an icon created that is not in the current set. Fig. 1 Fig. 2 Iconography PGi Identity Guidelines 1.5 Basic elements Photography Use a style of photography that captures people going about their day-to-day business in a positive way. By capturing authentic workplace interactions through photography, we are able to display the energy, passion, and flexible lifestyle that our software and services create. PGi Identity Guidelines 1.5 Basic elements Product Interface Photography Always use screen shots placed in a laptop, tablet, smart phone, or workstation monitor to relay the mobility and cross-platform capability of our software. Screen shots can be supported with call-outs (short descriptions) to highlight the benefits of our cloud solutions. Collaboration Meets Innovation Scenarios Capture moments in time portraying real people collaborating and fulfilling their business ambitions. Use images set within a variety of environments to visually illustrate the mobility of our products. Images should have natural lighting, in full color with a shallow depth of field so the focus is on the customer while the environment offers a meaningful backdrop. Innovative Solutions in Use Photography with an implied use of a PGi or partner product experience. Examples - Print PGi Identity Guidelines 1.5 Basic elements Presentations Collateral The Sales Line of Business Sample subhead here Sample subhead here Sample subhead here Keep body copy to a minimum in your presentation. Remember, your audiance is interested in listening to you instead of reading slides. Keep body copy to a minimum in your presentation. Remember, your audiance is interested in listening to you. Keep body copy to a minimum. Remember, your audiance is interested in listening to you instead of reading slides. Tradeshows and Events Examples - Online Banner Ad PGi.com Web Page PGi Identity Guidelines 1.5 Basic elements Landing Page Email PGi Brand Checklist PGi Identity Guidelines 1.5 Basic elements It is important when producing any materials for PGi or the PGi product brands that we adhere to the principles set out in the previous pages. Use this checklist to ensure the PGi brand is clearly delivered in all materials we produce. 1. Preserve the integrity of the PGi logo by using it as provided. Do not create variations or alter it in any way. 2. Position the PGi logo in the upper left or lower left of a page with the correct amount of clear space. 3. Always maintain the established relationship between the PGi logo and the tagline. Do not scale or change one without the other. 4. PGi Orange should be a part of every piece that represents our brand. 5. Use intelligent proportions of the primary and secondary color palette. 6. Use Myriad Pro as the primary font for headlines and titles and use Helvetica Neue as body copy. 7. If additional icons are needed for the icon library contact [email protected] to create additional icons. 8. If you use stock photography, make sure it’s on brand. 9. Use product interface photography in the appropriate devices and include photos of people in various environments using PGi products. 10.Contact the PGi Branding Team to review new branded materials or for help. [email protected]