PPCC Branding & Design Guidelines
Total Page:16
File Type:pdf, Size:1020Kb
PIKES PEAK COMMUNITY COLLEGE Brand Quick Reference Guide LOGO RULES Do not use old versions of the logo when creating new materials. Do not change the logo colors. Do not distort the logo in any way. Do not place the logo too close to other design elements. Do not add graphics to the logo. Do not substitute another font in the logo. Do not tilt or angle the logo. LOGO COLORS Do not use the symbol separately from the logo. When you work with an outside print vendor please provide this color info. LOGO VARIATIONS LOGO SIZE Additional secondary colors are availble on the website. The logo has several You will use your logo in a variations allowing it to work variety of sizes. Please be in virtually any application. sure to never make your Pantone: RGB: The variations are below. logo smaller than the 1807u, 1807c 160/29/37 examples below. CMYK: HEX#: VARIATIONS RED 20/100/100/12 A01D25 1” Pantone: RGB: Full Color None 167/169/172 Black CMYK: HEX#: COLORS White LIGHT GREY 0/0/0/40 a7a9ab VERTICAL Pantone: RGB: Horizontal None 88/89/91 .75” CMYK: HEX#: 1.125” CONFIG Vertical DARK GREY 0/0/0/80 58585b Pantone: RGB: 3D None 16/16/16 STYLE 2D for types of screen CMYK: HEX#: printing & embroidery .5” BLACK 0/0/0/100 101010 HORIZONTAL EXAMPLE PROJECT .EPS .JPG .PNG LOGO FORMATS The logos are provided in the Banners, posters, ads, signs, etc. P following file formats. Waterbottles, mugs, pencils, tablecloths, etc. P Please use this table to help Word Docs you choose the right file P P format for your project. External Websites P P Please note: PNG’s have a transparent background. NEW BRAND FONT: Our new brand font is Open Sans. See more brand guidelines at ppcc.edu/marketing. ppcc.edu/marketing Design Tips and Tricks Partial Color Palette LET’S TALK TYPE Pantone: RGB: 1807u, 1807c 160/29/37 DO practice appropriate word spacing RED CMYK: HEX#: use display fonts for body copy DO NOT 20/100/100/12 A01D25 Display font examples include Comic Sans, Papyrus, Curlz, and Brushscript. Body Copy fonts include Open Sans, Arial, Georgia, Helvetica, and Garamond. RGB: CMYK: 138/33/37 DO NOT stretch type, photos or logos 26/96/88/31 DK RED Hex: #882227 To make them larger, hold down the shift key while pulling out a corner anchor point, and it will size porportionally. RGB: DO NOT use more than three fonts on a given spread CMYK: 167/169/172 HEX#: DO NOT use body text below 10pt 0/0/0/40 LT GREY a7a9ab DO be aware of readability when placing text over photos, patterns, or colored backgrounds RGB: 88/89/91 DO have another person check your work for typos, misspellings CMYK: HEX#: and content before printing 0/0/0/80 DK GREY 58585b RGB: 42/66/89 COLOR MY WORLD CMYK: 69/43/16/60 Hex: #2a4259 DO NOT disregard readability/legibility for aesthetic reasons NAVY DO have a logical color palette (See ppcc.edu/marketing for the official RGB: 45/80/91 CMYK: color palette) Hex: #2d505b TEAL 85/57/49/31 DO avoid color clashing Clashing colors make your design blurry and difficult on the eyes. RGB: CMYK: 136/134/81 47/36/81/11 MOSS MOSS GREEN Hex: #888651 LAYOUT 101 RGB: DO use a grid CMYK: 131/141/83 35/16/73/29 DO have purposeful hierarchy GREEN Hex: #838d53 Hierarchy is the arrangement and sizing of elements to show importance. It RGB: helps the eye move around the page. (e.g. event titles and dates should be CMYK: 114/132/121 more prominent than an event description or location.) 58/37/51/9 SLATE DO design for your audience Hex: #728479 RGB: 86/78/71 DO NOT think of white space as empty space CMYK: Well used white space has many beneficial effects for your design. It can 59/57/63/38 Hex: #564e47 help put more focus on a specific aspect of your composition, let your design BROWN ‘breathe’, balance out your elements, or add sophistication to your design. Above colors are not the complete palette. DO NOT use too many effects(e.g. word art, shadow effects) Complete palette is available on ppcc.edu/marketing The College has chosen one primary font family—Open Sans—to complement the logo. This Open Sans font offers a wide range of weights and styles. When creating materials for PPCC, please use this Typeface font. The font is available for a free download on ppcc.edu/marketing. Source: Canva / https://designschool.canva.com/blog/design-rules/.