UNC BRAND IDENTITY Style Guide - Unco.edu

UNC Logo System: Collegiate LockupsCollegiate lockups shown on this page contain our Bear mascot logo or our UNC acronym logo along withUNC’s very own Greeley typeface. These lockups may be used on promotional items, athletics, clubs andRec Center uses, but should never be used when any academic department or program is identified.25 UNC Collegiate WM Bear vertBlack: 61 UNC Collegiate WM Bear vert kReversed: 62 UNC Collegiate WM Bear vert rev26 UNC Collegiate WM Bear vert wh27 UNC Collegiate WM Bear blockBlack: 63 UNC Collegiate WM Bear block kReversed: 64 UNC Collegiate WM Bear block rev28 UNC Collegiate WM Bear block wh29 UNC Collegiate WM Bear horizBlack: 65 UNC Collegiate WM Bear horiz kReversed: 66 UNC Collegiate WM Bear horiz rev30 UNC Collegiate WM Bear horiz whA note about logo color optionsWe have provided files in many different color variations, so you can find the one that works best for your needs.Be sure to use the provided correct color version of the logo. Do not simply change the colors of a logo, as subtlespacing adjustments have been made to ensure each logo is correct for the intended background. See page 4 for fullexplanations of color options.University of Northern Colorado Style Guide 11

UNC Logo System: Collegiate LockupsCollegiate lockups shown on this page contain our Bear mascot logo or our UNC acronym logo along withUNC’s very own Greeley typeface. These lockups may be used on promotional items, athletics, clubs andRec Center uses, but should never be used when any academic department or program is identified.31 UNC Collegiate UNC WM blockBlack: 67 UNC Collegiate UNC WM block kReversed: 68 UNC Collegiate UNC WM block rev32 UNC Collegiate UNC WM block wh33 UNC Collegiate UNC WM horizBlack: 69 UNC Collegiate UNC WM horiz kReversed: 70 UNC Collegiate UNC WM horiz rev34 UNC Collegiate UNC WM horiz wh35 UNC Collegiate UNCbearsBlack: 71 UNC Collegiate UNCbears k36 UNC Collegiate UNCbears wh38 UNC Collegiate BearsWM whA note about logo color optionsWe have provided files in many different color variations, so you can find the one that works best foryour needs. Be sure to use the provided correct color version of the logo. Do not simply change the colorsof a logo, as subtle spacing adjustments have been made to ensure each logo is correct for the intendedbackground. See page 4 for full explanations of color options.37 UNC Collegiate BearsWMBlack: 72 UNC Collegiate BearsWM kUniversity of Northern Colorado Style Guide 12

Logo Quick Reference GuidePrint or save this page for a quick reference guide to UNC logo file names and numbers. All color variations for each logo are listed.01 UNC Wordmark blue02 UNC Wordmark whBlack: 39 UNC Wordmark k03 UNC BearMascot04 UNC BearMascot blueBlack: 40 UNC BearMascot kReversed: 41 UNC BearMascot rev05 UNC UNCacronym blue06 UNC UNCacronym whBlack: 42 UNC UNCacronym k07 UNC WM bear vert08 UNC WM bear vert whBlack: 43 UNC WM bear vert kReversed: 44 UNC WM bear vert rev09 UNC WM bear block10 UNC WM bear block whBlack: 45 UNC WM bear block kReversed: 46 UNC WM bear block rev11 UNC WM bear horiz12 UNC WM bear horiz whBlack: 47 UNC WM bear horiz kReversed: 48 UNC WM bear horiz rev13 UNC WM UNC block14 UNC WM UNC block whBlack: 49 UNC WM UNC block kReversed: 50 UNC WM UNC block rev15 UNC WM UNC horiz16 UNC WM UNC horiz whBlack: 51 UNC WM UNC horiz kReversed: 52 UNC WM UNC horiz rev17 UNC WM UNC vert18 UNC WM UNC vert whBlack: 53 UNC WM UNC vert kReversed: 54 UNC WM UNC vert rev19 UNC bear UNC horiz20 UNC bear UNC horiz whBlack: 55 UNC bear UNC horiz kReversed: 56 UNC bear UNC horiz rev21 UNC bear UNC vert22 UNC bear UNC vert whBlack: 57 UNC bear UNC vert kReversed: 58 UNC bear UNC vert rev23 UNC bear UNC WM horiz24 UNC bear UNC WM horiz whBlack: 59 UNC bear UNC WM horiz kReversed: 60 UNC bear UNC WM horizrev25 UNC Collegiate WM Bear vert26 UNC Collegiate WM Bear vert whBlack: 61 UNC Collegiate WM Bearvert kReversed: 62 UNC Collegiate WM Bearvert rev27 UNC Collegiate WM Bear block28 UNC Collegiate WM Bear block whBlack: 63 UNC Collegiate WM Bearblock kReversed: 64 UNC Collegiate WM Bearblock rev29 UNC Collegiate WM Bear horiz30 UNC Collegiate WM Bear horiz whBlack: 65 UNC Collegiate WM Bearhoriz kReversed: 66 UNC Collegiate WM Bearhoriz rev31 UNC Collegiate UNC WM block32 UNC Collegiate UNC WM block whBlack: 67 UNC Collegiate UNC WMblock kReversed: 68 UNC Collegiate UNC WMblock rev33 UNC Collegiate UNC WM horiz34 UNC Collegiate UNC WM horiz whBlack: 69 UNC Collegiate UNC WMhoriz kReversed: 70 UNC Collegiate UNC WMhoriz rev35 UNC Collegiate UNCbears36 UNC Collegiate UNCbears whBlack: 71 UNC Collegiate UNCbears k37 UNC Collegiate BearsWM38 UNC Collegiate BearsWM whBlack: 72 UNC Collegiate BearsWM kUniversity of Northern Colorado Style Guide 13

UNC Logo System: Unit IdentifiersUnit Identifier UsageUnit identifiers are available for any college or department on campus.ID1We are happy to provide your campus unitor department with your own identifiers.To request one, fill out a UR Request Form atunco.edu/universityrelations, and let us knowthe ID numbers you’d like.ID2College of Educationand Behavioral SciencesID3College of Performingand Visual ArtsID5ID4College of Naturaland Health SciencesUse the full identifier including “University ofNorthern Colorado” in any print publications,and on promotional items when it fits.The horizontal identifiers (ID7 and ID8) are tobe used on promotional items only when the fullidentifier will not fit, such as on a pen or othersmall item.ALL departments, units, clubs, activities andinstitutes should use their new UNC identifier astheir official logo. For clarification please contactCreative Services.For questions on which identifier should beused in certain instances, feel free to contactCreative Services at 351-2331.ID6College of Natural andHealth SciencesID7Extended CampusID8College of Performingand Visual ArtsUniversity of Northern Colorado Style Guide 14

UNC Logo System: Using the LogosMinimum Logo SizeSizing LogosTo make sure our logo is always readable, we have recommended minimum sizesthat will maintain logo integrity.There is no exact formula to use when choosing what sizethe logo should be on your piece, just strive for a visualbalance between the logo and the overall piece. Below are afew general guidelines to help you determine approximatelogo sizes.Postcard:Logo about 1.5 wide. 1 if using a“block” version.1.75″1.0″1.75″8.5 x 11:Logo about 2 wide. 1.5 if using a“block” version.1.5″1.0″11 x 17 poster:Logo about 3 wide. 2.25 if using a “block” version.Rack Card:Logo about2 wide.1.5 if usinga “block”version.75″University of Northern Colorado Style Guide 15

UNC Logo System: Using the LogosMaintain Clear Space Around LogoMaintaining a clear area around the extreme points of the logo (free from other text, imagery or logos) helps ensure ourlogo’s visibility and clarity. We use a relative measuring system, meaning the clear space measurement is always based offof the exact logo size you are working with, so an appropriate amount of clear space can be determined regardless of thesize of logo. Use the guidelines below to calculate the minimum clear space that must surround the UNC logos.fig.3fig.2fig.1Step 1Determine the extreme points of the logo mark (shown here with a blue dotted box).Step 2Use the appropriate measurement and calculate your clear space, starting from the edge of thoseextreme points and measuring outwards. L ockups containing the wordmark, or the wordmark on its own: Use the measurement of theheight of the N in Northern Colorado (fig.1) L ockups containing UNC or the UNC acronym logo on it’s own: Use the measurement of thewidth of the first stroke of the U (fig.2)NOTE To achieve proper clear space, use these guidelines as a minimumamount of space. More is fine. When you are trying to determine clear space for a lockup thatcontains a logo or combination of elements not pictured here (ex.UNC wordmark), use the measurement that will give the maximumamount of clearspace, as the example below demonstrates. In thisexample, the “U” measurement is larger than the “N” measurement,so we used the “U” clear space measurement. T he Bear mascot logo: Use the measurement of the width of the Bear’s nose (fig.3)The examples above demonstrate the appropriate amount of clear space with a green dotted box.University of Northern Colorado Style Guide 16

UNC Logo System: Using the LogosScaling Logo Up or DownTo change the logo size (or any art or photo element), be sure to size it proportionally soas not to stretch it out of its original shape. To do so, hold the shift key as you drag thebounding box corner to the size you need.Placing the Logo Over a Photo or Background ElementWhen placing the logo over a background photo or other element, make sure the logo isclearly visible and doesn’t get overpowered by the background. This may mean choosinga different photo, using the white-type version of the logo or repositioning the logo so itrests on a less busy area of the photo. Also be aware of not covering up a critical area ofthe photo. Below are examples of placing the logo over a non-critical photo area, on anarea that highlights the logo well.University of Northern Colorado Style Guide 17

UNC Logo System: Unacceptable UsesIncorrect Logo UseLogo phase-outLogo marks and lockups have been carefully designed as unified elements to bevisually balanced and represent our brand appropriately. They’re the correct colorbuilds, and include the right elements. No alteration or customization of thesemarks is allowed. Included are some examples of incorrect logo usage. Some otherexamples of unacceptable alterations include:The logos below are being phased out of useby UNC. Please do not use any of the logomarks (in any color) or combination of any ofthe marks below on your materials or websites.Replace old graphics with the new logo systemthrough attrition as you order new materials. Substituting fonts Outlining or inlining Distorting or applying special effects Changing the relative size or positioning of the elements Combining elements other than the approved lockups Filling the logo with a pattern or photo element Using the logo as a watermark Using the logo as part of a sentence or phrase Reproducing the logo in colors other than the official approved colors Placing the logo on a background that distracts or overpowers the logoUniversity of Northern Colorado Style Guide 18

UNC Logo System: Unacceptable UsesThe rules shown below apply to every UNC logo mark and logo lockup, even if notexplicitly illustrated here.Do not change the color of any logo elements.Do not reverse the color of the bear. If reverseimage is desired, use proper reversed logo file.Never stretch the logo out of proportionDo not add an outline to any part of the logo.Do not combine the logo elements in any way.For tips on how to scale the logo appropriately toretain the correct proportions, see page 17.UNIVERSITY OFNORTHERNCOLORADODo not change the typeface.Extended CampusDo not change the relative size relationships of thelogo elements.Do not create a unit or departmental identifier orclub logo out of official UNC logos. Request yourunit identifier at unco.edu/universityrelations.Do not rearrange any part of the lockups provided.University of Northern Colorado Style Guide 19

UNC University SealThe University seal was developed for use on official university documents includingdiplomas, formal invitations, and formal publications such as the commencement program.The seal should not be used for any other purpose. Permission must be secured in advancefrom University Relations, with the President’s Office providing final authority.UNC Diversity StatementThe University of Northern Colorado is an equal opportunity/affirmative action institutionthat does not discriminate on the basis of race, color, national origin, sex, age, disability,creed, religion, sexual preference or veteran status. For more information or issues of equityor fairness or claims of discrimination contact the UNC AA/ EEO/ Title IX Officer at UNCHuman Resource Services, Carter Hall 2002, Greeley, CO 80639 or call 970-351-2718.University of Northern Colorado Style Guide 20

Graphics for Social Media UseThe following profile picture icons are available, each sized for use on:Facebook (fb) 180 x 180Twitter (tw) 400 x 400Instagram (ig) 180 x 180Flickr (fl) 300 x 300LinkedIn (li) 200 x 200YouTube (yt) 800 x 800UNC SocialBear fb.pngFor social media icon questions, please contactAllison Williams, allison.williams@unco.edu.UNC SocialUNC fb.pngUNC SocialUNCblue fb.pngUniversity of Northern Colorado Style Guide 21

Color PaletteOfficial UNC Color PaletteColor LingoColor is an important part of our identity. Using our UNC color palette throughout weband printed materials will retain our visual consistency which is essential to a strongbrand identity.We specify colors in several different ways,depending on the intended use. Use the definitionsbelow to help you navigate the color vernacular soyou can choose the correct color formulas for yourmaterials.We have a color palette specifically for web use, as well as a separate palette for print orelectronic media (any on-screen application other than the website). These palettes werecreated to maintain UNC’s strong visual consistency, while providing secondary accentcolors to allow for visual interest, color-matching to your subject matter, and allowing forthe use of color hierarchy.Use the guidelines on the next pages to help you determine the appropriate colorproportions for your materials.Tips on using color in your UNC materialsOur primary colors are UNC Bears Blue and UNC Bears Gold, so start with one or bothof these colors when you are choosing your palette.Use support (secondary) colors sparingly, to accent your design. Choose only one, two orthree support colors as to not overwhelm and create color confusion.Think about your subject matter when deciding on support colors, and choose colorsthat link your content subject matter to the visual look of the piece.Avoid color combinations that bring other regional universities or colleges to mind.PMSAn acronym for Pantone Matching System , this colorsystem is also often referred to as “spot” colors. Thiscolor system is for print jobs when an exact colormatch of our blue or gold is necessary.CMYKCMYK (or “process”) refers to the 4 ink colors thatare used to create every other color of the rainbow.Those colors are cyan (C), magenta (M), yellow (Y)and black (K). This is the color system used forprint pieces, and both solid colors and photographsshould be converted to CMYK color for printing.RGBRGB (red, green, blue) refers to colors used onscreen only (web, phone, video, etc.). Photos andsolid colors should be in RGB when intended foron-screen viewing.A note about colorHEXColors will appear differently on each computer monitor, and will vary from monitor toprinted piece. To ensure print material color consistency, be sure to use the CMYK colorformulas presented on the following pages. For web color consistency, use the RGB orHEX formulas.Hex refers to the hexadecimal number assigned tosolid colors for use on the web. Hex formulas willappear as #xxxxxx.University of Northern Colorado Style Guide 22

Color PaletteChoosing the correct color palette for your needsUNC websiteOther electronic mediaPrinted materialsEmail blastsPowerPointDigital newslettersUse the “Color Palette for Web”on page 24. Web colors arestated in Hex values.Use the “Color Palette forPrint and Electronic Media” onpage 25. Choose the RGB orHex formulas for any digitalmedia you are producing.Use the “Color Palette forPrint and Electronic Media” onpage 25. Choose the CMYKor PMS (spot color only)formulas for any materialsthat will be printed.University of Northern Colorado Style Guide 23

Color Palette for WebUNC Web colors were chosen to be easyon the eye when viewed on-screen, whilemaintaining brand identity. These are theonly colors allowed to be used on the websitetemplates provided.Primary Palette: UNC Blue and GoldUNC BearsBlueUNC BearsGoldHex #013c65Hex #f6b000Light GrayHex #ebebebHoneycombHex #c7ac67Blue GrayHex #60697aButterHex #f5e3b1Secondary Palette: Accent ColorsThese colors are primarily for type, or when a darker shade of one of the abovecolors is needed.AshHex #666AntiqueGoldHex #837543Dark GrayHex #333SmokeHex #999University of Northern Colorado Style Guide 24

Color Palette for Print and Electronic MediaPrimary Palette: UNC Blue and GoldSecondary Palette: Accent ColorsBlue and gold are University of NorthernColorado’s main colors, and the colorsthat should be used most of the time.For a nice visual color balance, we likedesigns to use the proportion of 80percent blue to 20 percent gold.Limit the number of secondary colors to no more than three per layout/design. Remember to pair them withUNC Bears Blue. On the following page are some color combination suggestions. Tints of the colors can beused when needed, and examples are shown below.UNC Mountain 2204*50%20%UNC Sky Blue80%50%UNC Bears BluePMS 295RGBUNC Bears GoldPMS 1235 C122 UCMYKRGB175/199/212HEX#afc7d4PMS75%NOTE:New Gold as ofMay, 20150/28/89/0254/189/54HEX 89/50/31PMS* As of April, 2015, these PMS colors arenot available in the Pantone palettein Adobe CC software. Use the CMYK(print) or RGB (electronic media)formulas /100/2RGB 154/164/57HEX#9aa439PMS747263/7/34/0RGB 89/183/177HEX#59b7b1PMSCool Gray 8CMYK48/40/38/4RGB 138/138/141HEX#8a8a8dPMS7562UNC Sand74035/15/57/0RGB 242/211/131HEX75%#e97822UNC Butter YellowThese formulas have been designed the for optimalcolor use in each of the intended mediums. Therefore,some of these color formulas will not translate tostated color from CMYK to RGB to Hex in yourcomputer program. Please use the formulas above toachieve the correct color.PMSCMYK#843553RGB 233/120/34HEXA note abou

UNC Logo System 3 Logo Use 3 Logo Color Options 4 Single Elements 5 Academic Logo Lockups 7 Collegiate Logo Lockups 11 . as the preferred file type for Microsoft products (Word, PowerPoint). Color formula is RGB.