ATHLETICS LOGOTYPE STYLE GUIDE

Transcription

1 ATHLETICS LOGOTYPE STYLE GUIDE

2 CONTENTS INTRODUCTION 3 COLOR PALETTE 4 PRIMARY LOGO 5 MONOGRAM LOGO 10 WORDMARK 15 ADDITIONAL TYPOGRAPHY ELEMENTS 17 LOGO USAGE RULES 18 WESTMONT ATHLETICS FONT 20 CREATING OUTLINED TYPOGRAPHY 22 LOGO USAGE EX AMPLES 24 ASSET INDEX 26

3 INTRODUCTION The Westmont Warriors visual identity personifies the attitude and attributes of everyone involved with Westmont Athletics. Pride, integrity and strength are just a few of the characteristics necessary to achieve success on and off the field. The Westmont Athletics identity system was specifically designed to represent these defining qualities. Westmont s communication strategy begins with consistent application of the visual identity system. This guide provides all the information necessary to ensure accuracy and consistency in all applications of the logo system. WHO ARE THE GUIDELINES FOR? All persons affiliated with Westmont College who wish to use the athletics logos must follow these guidelines. Outside agencies or publishers are also required to follow the guidelines when using the athletics logos. THE LOGOS The Westmont Athletics visual identity includes the primary logo, monogram logo, and wordmark. These three marks allow for flexibility in different media. The athletics identity system is intended to be complimentary to Westmont College s academic logo. Many elements from the academic logo, including color palette and shield shape, have been incorporated to ensure consistency across all collegiate communications. PRIMARY LOGO MONOGRAM LOGO WORDMARK ACADEMIC LOGO The logos and typography contained herein are to be used solely for athletics affiliated communications. All other collegiate communications should use the academic logo.

4 WESTMONT ATHLETICS PALETTE Westmont Crimson Westmont Gold Black Grey White PMS 202 C PMS 874 C PMS Process Black C PMS Process Black C PMS White C 50% C 0 C 0 C 0 C 0 C 0 M 100 M 20 M 0 M 0 M 0 Y 60 Y 50 Y 0 Y 0 Y 0 K 40 K 30 K 100 K 50 K 0 R 129 R 178 R 0 R 153 R 255 G 0 G 153 G 0 G 153 G 255 B 49 B 108 B 0 B 153 B 255

5 PRIMARY LOGO ABOUT THE LOGO The primary logo is provided in four different configurations to accommodate a variety of applications. These configurations are labeled within the guide as PRIMARY LOGO A, PRIMARY LOGO B, PRIMARY LOGO C, and PRIMARY LOGO D. These logos may be sized according to use, but should never be disproportionately stretched. PRIMARY LOGO A This logo is the preferred choice for all athletics applications. PRIMARY LOGO B This logo is a replacement for PRIMARY LOGO A for applications that require a simpler logo in a vertical orientation such as stationery. PRIMARY LOGO C This logo is a replacement for PRIMARY LOGO A for applications that require a simpler logo in a horizontal orientation such as stationery. PRIMARY LOGO D This logo may never be used by itself. It is intended to be used in conjunction with other visual elements that clearly identify Westmont College. For example, PRIMARY LOGO D could be used on the shorts of a basketball uniform if the top of the uniform uses the WORDMARK. 5

6 PRIMARY LOGO ABOUT COLOR In addition to the four configurations described above, each logo in this guide has four color variations. These variations are provided to accommodate a wide variety of applications from offset printing to embroidery. FULL COLOR This is the preferred color choice. Use the full color logos whenever possible. TWO COLOR These logos replace the gold with a screen of black and can be used for applications that require limited color. BLACK & WHITE SCREENED These logos use black and a screen of black and are for use in grayscale applications such as interoffice communications and facsimiles. ONE COLOR These logos are to be used in limited color situations such as newspaper ads. These logos may be recolored with Westmont Crimson or Westmont Gold. A NOTE ON FILE FORMATS JPEG is a pixel-based format best suited for on screen applications such as websites or PowerPoint presentations. JPEG images can be reduced without much loss in quality, but they do not enlarge well. Adobe Illustrator files (AI) are vector based images, and can be reduced or enlarged without loss of quality. AI files are the preferred choice for all print applications such as programs, posters, or signs. 6

7 PRIMARY LOGO LOGO A FULL COLOR WM_PRIM_FC_ A TWO COLOR BLACK & WHITE SCREENED ONE COLOR WM_PRIM_2C_ A WM_PRIM_BW_ A WM_PRIM_1C_ A 7

8 PRIMARY LOGO VARIATIONS FULL COLOR TWO COLOR LOGO B WM_PRIM_FC_B WM_PRIM_2C_B LOGO C WM_PRIM_FC_C WM_PRIM_2C_C LOGO D WM_PRIM_FC_D WM_PRIM_2C_D 8

9 PRIMARY LOGO VARIATIONS BLACK & WHITE SCREENED ONE COLOR LOGO B WM_PRIM_BW_B WM_PRIM_1C_B LOGO C WM_PRIM_BW_C WM_PRIM_1C_C LOGO D WM_PRIM_BW_D WM_PRIM_1C_D 9

10 MONOGRAM LOGO ABOUT THE LOGO The monogram logo is provided in four different configurations to accommodate a variety of applications. These configurations are labeled within the guide as MONOGRAM LOGO A, MONOGRAM LOGO B, MONOGRAM LOGO C, and MONOGRAM LOGO D. These logos may be sized according to use, but should never be disproportionately stretched. MONOGRAM LOGO A This logo can be used instead of PRIMARY LOGO A. MONOGRAM LOGO B This logo is a replacement for MONOGRAM LOGO A for applications that require a simpler logo in a vertical orientation such as stationery.. MONOGRAM LOGO C This logo is a replacement for MONOGRAM LOGO A for applications that require a simpler logo in a horizontal orientation such as stationery. MONOGRAM LOGO D This logo may never be used by itself. It is intended to be used in conjunction with other visual elements that clearly identify Westmont College. For example, MONOGRAM LOGO D could be used on the shorts of a basketball uniform if the top of the uniform uses the WORDMARK. 10

11 MONOGRAM LOGO ABOUT COLOR In addition to the four configurations described above, each logo in this guide has four color variations. These variations are provided to accommodate a wide variety of applications from offset printing to embroidery. FULL COLOR This is the preferred color choice. Use the full color logos whenever possible. TWO COLOR These logos replace the gold with a screen of black and can be used for applications that require limited color. BLACK & WHITE SCREENED These logos use black and a screen of black and are for use in grayscale applications such as interoffice communications and facsimiles. ONE COLOR These logos are to be used in limited color situations such as newspaper ads. These logos may be recolored with Westmont Crimson or Westmont Gold. A NOTE ON FILE FORMATS JPEG is a pixel-based format best suited for on screen applications such as websites or PowerPoint presentations. JPEG images can be reduced without much loss in quality, but they do not enlarge well. Adobe Illustrator files (AI) are vector based images, and can be reduced or enlarged without loss of quality. AI files are the preferred choice for all print applications such as programs, posters or signs. 11

12 MONOGRAM LOGO LOGO A FULL COLOR WM_MON_FC_ A TWO COLOR BLACK & WHITE SCREENED ONE COLOR WM_MON_2C_ A WM_MON_BW_ A WM_MON_1C_ A 12

13 MONOGRAM LOGO VARIATIONS FULL COLOR TWO COLOR LOGO B WM_MON_FC_B WM_MON_2C_B LOGO C WM_MON_FC_C WM_MON_2C_C LOGO D WM_MON_FC_D WM_MON_2C_D 13

14 MONOGRAM LOGO VARIATIONS BLACK & WHITE SCREENED ONE COLOR LOGO B WM_MON_BW_B WM_MON_1C_B LOGO C WM_MON_BW_C WM_MON_1C_C LOGO D WM_MON_BW_D WM_MON_1C_D 14

15 WORDMARK ABOUT THE WORDMARK The wordmark is intended to be used as an addition to either the primary or monogram logo. The wordmark may be sized according to use, but should never be disproportionately stretched. ABOUT COLOR The wordmark has four color variations. These variations are provided to accommodate a wide variety of applications from offset printing to embroidery. FULL COLOR This is the preferred color choice. Use the full color wordmark whenever possible. BLACK & WHITE SCREENED This wordmark uses black and a screen of black and are for use in grayscale applications such as inter-office communications and facsimiles. ONE COLOR This wordmark is to be used in limited color situations such as newspaper ads. These logos may be recolored with Westmont Crimson or Westmont Gold. A NOTE ON FILE FORMATS JPEG is a pixel-based format best suited for on screen applications such as websites or PowerPoint presentations. JPEG images can be reduced without much loss in quality, but they do not enlarge well. Adobe Illustrator files (AI) are vector based images, and can be reduced or enlarged without loss of quality. AI files are the preferred choice for all print applications such as programs, posters or signs. 15

16 WORDMARK FULL COLOR WM_WORDMARK_FC BLACK & WHITE SCREENED WM_WORDMARK_BW ONE COLOR WM_WORDMARK_1C 16

17 ADDITIONAL TYPOGRAPHY ELEMENTS In addition to the wordmark, assets for WESTMONT, WARRIORS, and KAMMERER COURT have been provided in this guide. These assets are to be used in addition to the logos and wordmark. WM_WESTMONT_FC WM_WARRIORS_FC WM_K AMMERER_FC 17

18 LOGO USAGE RULES ABOUT THE RULES The logos and wordmark provided in this guide are intended to be used as is. The variety of configurations and color options should accommodate all usage needs. On this page you will find a few helpful rules for using the logos correctly. DO NOT PRINT INSIDE ANOTHER SHAPE The logos and wordmark may be printed on solid colors, but should never be contained by another shape. DO NOT RECOLOR The logos and wordmark should never be reproduced in colors that are not in the Westmont Athletics color palette. The one color logos, which are included in black only, may be recolored with Westmont Crimson or Gold. USE APPROPRIATE LOGO FOR SIZE Although the primary logo is the preferred logo, it may not always be the best choice for small-scale applications. Simplified versions of the logo have been provided for these situations. 18

19 LOGO USAGE RULES DO NOT ALTER The logos and wordmark should not be angled, outlined, stylized, or distorted in any way. DO NOT PRINT ON DISTRACTING BACKGROUNDS The logos and wordmark should never be reproduced on backgrounds that are distracting, clashing, or overpowering. DO NOT CHANGE LOCK-UPS The positions or proportions of typography in relation to the logos should never be changed. DO NOT PRINT ON SAME COLOR BACKGROUNDS Do not print logos or wordmark on background colors that cause elements of the artwork to disappear. 19

20 WESTMONT ATHLETICS FONT ABOUT THE FONT Like the logo, the Westmont Athletics font is a key element of Westmont s visual identity. City BQ in its three forms bold, medium, and light is the Westmont Athletics font. Through consistent use, this font can help identify Westmont Athletics even without the use of one of the graphic marks. CITY BQ BOLD City BQ Bold should be used for large point size applications such as headlines and signs. City BQ Bold is not to be used with comstocks or outlines. CITY BQ MEDIUM City BQ Bold should be used for medium to large point size applications. City BQ Medium can also be used with the outline treatment described on page 22. CITY BQ LIGHT City BQ Light should be used for applications that require smaller point sizes such as body copy. PURCHASING CITY BQ City BQ is available from Linotype at 20

21 WESTMONT ATHLETICS FONT CITY BQ BOLD ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz CITY BQ MEDIUM ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz CITY BQ LIGHT ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 21

22 CREATING OUTLINED TYPOGRAPHY In addition to the wordmark, assets for WESTMONT, WARRIORS, and KAMMERER COURT have been provided in this guide. This artwork has been custom letterspaced and adjusted and should be used as is (see page 17). In the event that additional typographic elements are needed, please follow the rules below for creating outlined typography in Adobe Illustrator. EXAMPLE OF FINISHED ELEMENT This is an example of what a finished typographic element should look like. STEP 1 Set the word in City BQ Medium with a point size of 43 and a tracking of 120. Also set the secondary typography with a point size of 31, tracking of 120, and leading of 42. Secondary typography should be centered above or below the primary typography. Make sure all typography is capitals. For larger or smaller applications, reduce or enlarge the lettering only after step five has been completed. STEP 2 Select the word, and choose type/create outlines. The letters will change from live type to vector artwork. 22

23 CREATING OUTLINED TYPOGRAPHY STEP 3 Select the word, and choose object/path/offset path. Set the offset to 1.6 pts, the pull-down menu to miter, and the miter limit to 4. STEP 4 Select the path you just created, and choose object/path/offset path. Set the offset to 1.6 pts, the pull-down menu to miter, and the miter limit to 4. STEP 5 Fill the inner path with white, and the outer path with brand color. STEP 6 Size typography as needed. NOTE The WESTMONT and WARRIORS logotypes have been custom letterspaced and adjusted. Please use the above techniques for new words or phrases only. Use the included logotype artwork for all applications of the words WESTMONT and WARRIORS. 23

24 LOGO USAGE EXAMPLES ABOUT THE EXAMPLES The following two pages have several examples of how the Westmont Athletics logo could be applied throughout the basketball gymnasium. Use these examples as inspiration for using the logos on future projects. COURT OPTION 2 COURT OPTION 1 24

25 LOGO USAGE EXAMPLES SCOREBOARD ENDLINE PADDING 25

26 26 ASSET INDEX 1 COLOR LOGOS MONOGRAM_LOGO CMYK WM_MON_1C_A_CMYK.ai WM_MON_1C_B_CMYK.ai WM_MON_1C_C_CMYK.ai WM_MON_1C_D_CMYK.ai PANTONE WM_MON_1C_A_PMS.ai WM_MON_1C_B_PMS.ai WM_MON_1C_C_PMS.ai WM_MON_1C_D_PMS.ai RGB WM_MON_1C_A_RGB.jpg WM_MON_1C_B_RGB.jpg WM_MON_1C_C_RGB.jpg WM_MON_1C_D_RGB.jpg PRIMARY_LOGO CMYK WM_PRIM_1C_A_CMYK.ai WM_PRIM_1C_B_CMYK.ai WM_PRIM_1C_C_CMYK.ai WM_PRIM_1C_D_CMYK.ai PANTONE WM_PRIM_1C_A_PMS.ai WM_PRIM_1C_B_PMS.ai WM_PRIM_1C_C_PMS.ai WM_PRIM_1C_D_PMS.ai RGB WM_PRIM_1C_A_RGB.jpg WM_PRIM_1C_B_RGB.jpg WM_PRIM_1C_C_RGB.jpg WM_PRIM_1C_D_RGB.jpg 2 COLOR LOGOS MONOGRAM_LOGO CMYK WM_MON_2C_A_CMYK.ai WM_MON_2C_B_CMYK.ai WM_MON_2C_C_CMYK.ai WM_MON_2C_D_CMYK.ai PANTONE WM_MON_2C_A_PMS.ai WM_MON_2C_B_PMS.ai WM_MON_2C_C_PMS.ai WM_MON_2C_D_PMS.ai RGB WM_MON_2C_A_RGB.jpg WM_MON_2C_B_RGB.jpg WM_MON_2C_C_RGB.jpg WM_MON_2C_D_RGB.jpg PRIMARY_LOGO CMYK WM_PRIM_2C_A_CMYK.ai WM_PRIM_2C_B_CMYK.ai WM_PRIM_2C_C_CMYK.ai WM_PRIM_2C_D_CMYK.ai PANTONE WM_PRIM_2C_A_PMS.ai WM_PRIM_2C_B_PMS.ai WM_PRIM_2C_C_PMS.ai WM_PRIM_2C_D_PMS.ai RGB WM_PRIM_2C_A_RGB.jpg WM_PRIM_2C_B_RGB.jpg WM_PRIM_2C_C_RGB.jpg WM_PRIM_2C_D_RGB.jpg B&W SCREEN LOGOS MONOGRAM_LOGO CMYK WM_MON_BW_A_CMYK.ai WM_MON_BW_B_CMYK.ai WM_MON_BW_C_CMYK.ai WM_MON_BW_D_CMYK.ai PANTONE WM_MON_BW_A_PMS.ai WM_MON_BW_B_PMS.ai WM_MON_BW_C_PMS.ai WM_MON_BW_D_PMS.ai RGB WM_MON_BW_A_RGB.jpg WM_MON_BW_B_RGB.jpg WM_MON_BW_C_RGB.jpg WM_MON_BW_D_RGB.jpg PRIMARY_LOGO CMYK WM_PRIM_BW_A_CMYK.ai WM_PRIM_BW_B_CMYK.ai WM_PRIM_BW_C_CMYK.ai WM_PRIM_BW_D_CMYK.ai PANTONE WM_PRIM_BW_A_PMS.ai WM_PRIM_BW_B_PMS.ai WM_PRIM_BW_C_PMS.ai WM_PRIM_BW_D_PMS.ai RGB WM_PRIM_BW_A_RGB.jpg WM_PRIM_BW_B_RGB.jpg WM_PRIM_BW_C_RGB.jpg WM_PRIM_BW_D_RGB.jpg FULL COLOR LOGOS MONOGRAM_LOGO CMYK WM_MON_FC_A_CMYK.ai WM_MON_FC_B_CMYK.ai WM_MON_FC_C_CMYK.ai WM_MON_FC_D_CMYK.ai PANTONE WM_MON_FC_A_PMS.ai WM_MON_FC_B_PMS.ai WM_MON_FC_C_PMS.ai WM_MON_FC_D_PMS.ai RGB WM_MON_FC_A_RGB.jpg WM_MON_FC_B_RGB.jpg WM_MON_FC_C_RGB.jpg WM_MON_FC_D_RGB.jpg PRIMARY_LOGO CMYK WM_PRIM_FC_A_CMYK.ai WM_PRIM_FC_B_CMYK.ai WM_PRIM_FC_C_CMYK.ai WM_PRIM_FC_D_CMYK.ai PANTONE WM_PRIM_FC_A_PMS.ai WM_PRIM_FC_B_PMS.ai WM_PRIM_FC_C_PMS.ai WM_PRIM_FC_D_PMS.ai RGB WM_PRIM_FC_A_RGB.jpg WM_PRIM_FC_B_RGB.jpg WM_PRIM_FC_C_RGB.jpg WM_PRIM_FC_D_RGB.jpg TYPOGRAPHY CMYK WM_KAMMERER_FC_CMYK.ai WM_WARRIORS_FC_CMYK.ai WM_WESTMONT_FC_CMYK.ai PANTONE WM_KAMMERER_FC_PMS.ai WM_WARRIORS_FC_PMS.ai WM_WESTMONT_FC_PMS.ai RGB WM_KAMMERER_FC_RGB.jpg WM_WARRIORS_FC_RGB.jpg WM_WESTMONT_FC_RGB.jpg WORDMARK CMYK WM_WORDMARK_1C_CMYK.ai WM_WORDMARK_BW_CMYK.ai WM_WORDMARK_FC_CMYK.ai PANTONE WM_WORDMARK_1C_PMS.ai WM_WORDMARK_BW_PMS.ai WM_WORDMARK_FC_PMS.ai RGB WM_WORDMARK_1C_RGB.jpg WM_WORDMARK_BW_RGB.jpg WM_WORDMARK_FC_RGB.jpg