2012-2014
BRAND GRAPHICS POLICY
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
1
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
2
TABLE OF CONTENTS
Introduction
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4
Exemptions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5 Purpose of the Brand Graphics Policy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 Legal Requirements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 Color
Primary Palettes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
Secondary Palettes
Color Distribution . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
11
Typography
Delta Jaeger . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
Helvetica Neue
ITC Giovanni . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
Brisa
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
15 17
Tone Chart . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18
Logos Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
General Application Guidelines
Primary Signature
Primary Logo
Unacceptable Primary Logo Usage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
One Line Primary Logo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27
Lettermark (Monogram)
Secondary Logo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30
Secondary Alternate Logo
Unacceptable Secondary Alternate Logo Usage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
21
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
22
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
24
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
28 31
Minerva . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33 Graphic Elements
Red Stripe
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
36
Photography . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37 Vignette . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38 Examples
Billboard & Outdoor Advertising
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
40
Advertisements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41 Websites . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42
Motion Graphics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43
PowerPoint . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44
Business Cards . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45
Stationary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46 Web
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
Web Color & Texture
Web Typography
Gradients & Shadows . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50
Required Web Graphic Elements
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
48
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
49
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
51
3
INTRODUCTION
Why Is the Brand Graphics Policy Important? Brand graphics involves the use of logos, typefaces and colors to create a clearly recognizable image for an institution. A brand graphics policy is necessary for organizations as large and diverse as UofL to build and communicate a clear institutional brand identity for its many target audiences. A successful brand graphics program helps the university develop strong name recognition by defining a “look” for all university materials that audiences instantly identify with UofL. This does not mean that all materials must look exactly alike. It does mean that they must all clearly belong to the same family, with logos, typefaces and colors used consistently. Through a consistent brand graphics program, UofL can project a strong, unified and professional image to all audiences even though communications are coming from hundreds of separate units across our campuses. Following this policy officially identifies your unit as part of the university, increasing brand identity with your audience and making it more likely that your message will be received.
To what types of materials do the brand graphics policy apply? The policy applies to all brochures, publications, periodicals, websites and any other type of marketing materials produced by the university or partner agencies for external audiences. Materials governed by the policy include, but are not limited to, the following: • Recruitment brochures
• Promotional videos and CDs
• Viewbooks or annual reports
• Stationery and business cards
• Publications for alumni and donors
• Banners and posters
• Official university websites
• Promotional items and merchandise
• Departmental program information • Periodical magazines or newsletters
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
• Campus signage • Apparel
4
EXEMPTIONS
Who is not required to adhere to the brand graphics policy? There are several UofL-related entities that are not required to adhere in full to the specifications within this document. Each of these have been granted conditional exemption by the Office of Communications & Marketing (OCM) in some part–be that logo, color scheme, typeface, or other aspects of the brand guidelines. These entities are: • University of Louisville Foundation • UofL Athletics • Charting Our Course Comprehensive Capital Campaign • Recognized Student Organizations (RSO) • The McConnell Center • UofL Magazine
Note: Student Government Association and other student groups (not to be confused with campus units that serve students, such as Student Affairs) are not required to use the brand design elements, but they are encouraged to do so when communicating to external audiences or representing the university to an external audience in an official capacity.
Questions The president of the University of Louisville has endorsed this brand graphics policy. The president has designated the Office of Communications & Marketing (OCM) to review requests for any exceptions or special permissions related to these regulations. To request an exception, contact OCM by phone at 502-852-6171 or by email at branding@louisville.edu.
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
5
PURPOSE OF THE GUIDELINES
The purpose of the Brand Graphics Policy is to provide rules for coherent communication of the University of Louisville (UofL) brand. This document outlines an identity standards and applications system in three parts. The first part contains a group of identity elements specifically designed to identify the UofL brand. The second part contains regulations and examples specifying acceptable employment of the graphical elements. The third part defines the look and feel of the brand and presents sample applications for use in brand communications. The coordination of the UofL brand to consumers plays a significant role in their impression of the brand. Consistency is paramount to the success of the identity system. Consistent use of the mark and supporting elements will build brand equity and resonance. The end result will be an increased understanding of the UofL brand by the public. Use only original vector artwork for reproduction of these marks. Elements and marks may not be altered electronically or manually, nor can they be stretched, outlined, given drop-shadows or enclosed in shapes that appear to be an organic part of the element.
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
6
LEGAL REQUIREMENTS
Equal Opportunity Statement Any university publication directed at audiences outside the university community must by law include the following equal opportunity statement: The University of Louisville is an equal opportunity institution and does not discriminate against persons on the basis of race, age, religion, sex, disability, color, sexual orientation, national origin or veteran status. When space is a consideration in producing print advertisements or marketing materials, the following abbreviated statement may be used: The University of Louisville is an equal opportunity institution. The abbreviated statement cannot be used for student catalogs, student handbooks or official employee handbooks. These publications must include the full equal opportunity statement. Questions regarding this policy should be directed to the Office of Affirmative Action in Human Resources at 502-852-6538.
State Funds Statement Any university publication that has been paid for with state funds must by law include the following statement: This publication was prepared by the University of Louisville and printed with state funds KRS 57.375.
Legal Notice All material in this document is registered 速 to UofL. This material includes but is not limited to printed and/or electronic text and images. All registration privileges and other rights implied or explicit are reserved. Written permission from a duly appointed officer of UofL is required for any use or publication, public or private, of any material registered to UofL. There is no implied consent for any use, publication, republication or transmission of material registered to UofL.
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
7
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
8
COLOR
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
9
PRIMARY COLOR PALETTE
Color chips are presented in Pantone 速, CMYK, RGB and hexadecimal values (web). These are all the primary colors for use with relevant UofL applications. UofL Yellow is to be used only in the Cardinal icon for full color usage. Regardless of color, it is important that all marks and text are legible. Lastly, UofL Red should never be tinted, as it produces an undesireable shade of pink.
UofL RED
BLACK
RGB
PMS 1797 0 / 100 / 99 / 4 227 / 27 / 35
WEB
AD0000
PANTONE CMYK
UofL YELLOW
RGB
PMS 130 0 / 30 / 100 / 0 253 / 185 / 19
WEB
FDB913
PANTONE CMYK
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
RGB
BLACK 40 / 30 / 30 / 100 0/0/0
WEB
000000
PANTONE CMYK
GRAY
RGB
20% BLACK 0 / 0 / 0 / 20 209 / 211 / 212
WEB
CCCCCC
PANTONE CMYK
10
SECONDARY COLOR PALETTE
These are all the secondary colors for use only as accents in relevant UofL applications.
UofL PURPLE
RGB
PMS 262 45 / 100 / 0 / 55 86 / 0 / 78
WEB
56004E
PANTONE CMYK
UofL BROWN
RGB
PMS 161 0 / 52 / 100 / 64 118 / 66 / 0
WEB
764200
PANTONE CMYK
UofL MUSTARD
RGB
PMS 118 0 / 18 / 100 / 27 196 / 159 / 6
WEB
C49F06
PANTONE CMYK
UofL DEEP AQUA
RGB
PMS 3035 100 / 0 / 5 / 72 0 / 73 / 99
WEB
004963
PANTONE CMYK
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
UofL MAROON
RGB
138 / 37 / 41
RGB
PMS 159 0 / 66 / 100 / 7 227 / 111 / 30
WEB
8A2529
WEB
E36F1E
PANTONE
PMS 506
UofL DEEP ORANGE
45 / 100 / 100 / 15
CMYK
UofL TAN
RGB WEB
CEAA7A
CMYK
UofL MOSS
RGB
PMS 5777 10 / 0 / 49 / 28 177 / 181 / 121
WEB
B1B579
PANTONE CMYK
UofL AQUA
RGB WEB
00788A
CMYK
RGB
PMS 460 4 / 5 / 44 / 0 246 / 231 / 161
WEB
F6E7A1
PANTONE CMYK
UofL OLIVE
RGB
PMS 371 43 / 0 / 100 / 56 79 / 110 / 24
WEB
4F6E18
PANTONE CMYK
UofL SLATE
PMS 3155 100 / 0 / 24 / 38 0 / 120 / 138
PANTONE
CMYK
UofL CREAM
PMS 465 20 / 32 / 58 / 0 206 / 170 / 122
PANTONE
PANTONE
RGB
PMS 7545 23 / 2 / 0 / 63 91 / 111 / 123
WEB
5B6F7B
PANTONE CMYK
UofL ORANGE
RGB
PMS 144 0 / 48 / 100 / 0 248 / 152 / 29
WEB
F8981D
PANTONE CMYK
UofL GOLDENROD
RGB
PMS 7407 0 / 22 / 85 / 11 229 / 181 / 58
WEB
E5B53A
PANTONE CMYK
UofL GREEN
RGB
PMS 349 100 / 0 / 91 / 42 0 / 112 / 60
WEB
00703C
PANTONE CMYK
UofL LIGHT SLATE
RGB
PMS 7542 10 / 0 / 3 / 16 194 / 209 / 211
WEB
C2D1D3
PANTONE CMYK
11
COLOR DISTRIBUTION
followed by our primary brand colors. Secondary colors should be used as accents and not dominate a design.
PRIMARY
30%
WHITE SPACE
60%
SECONDARY
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
Below is a general suggestion for the distribution of colors within the UofL palettes for any given design. Emphasis is placed on white space,
10%
12
TYPOGRAPHY
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
13
TYPEFACES
Delta Jaeger Delta Jaeger is a great headline typeface due to its clean appearance, large x-height and wide, open proportions. This typeface is the original basis of the University of Louisville primary mark (logo). Any typeface within the Delta Jaeger family (e.g. condensed, light, etc) is available for use at the designer's discretion.
Aa TONE Strong, confident, progressive and modern BEST USED IN Headlines, subheading AVAILABLE AT Linotype.com
Delta Jaeger Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Delta Jaeger Medium
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Delta Jaeger Book
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Delta Jaeger Light
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
14
TYPEFACES
Helvetica Neue Helvetica Neue is a versatile, neutral typeface that projects a clean, linear feeling when used. This typeface should be employed when Delta Jaeger is too strong or heavy or when a more refined tone is needed. Any typeface within the Helvetica Neue family (e.g. condensed, light, etc) is available for use at the designer's discretion.
Aa TONE Contemporary, modest, technical BEST USED IN Headlines, body copy AVAILABLE AT Linotype.com
Helvetica Neue Heavy
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Helvetica Neue Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Helvetica Neue Roman
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Helvetica Neue Light
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
15
TYPEFACES
ITC Giovanni ITC Giovanni is a modernized take on classic type proportions. It works very well as a body copy or in design solutions that require a more academic or stately overtone. Any typeface within the ITC Giovanni family (e.g. black, bold, etc) is available for use at the designer's discretion.
Aa TONE Academic, classic, intelligent, traditional BEST USED IN Body copy AVAILABLE AT Linotype.com
Giovanni Std Black
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Giovanni Std Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Giovanni Std Book
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
16
TYPEFACES
Brisa The UofL brand is largely clean, strong and linear. While this projects the brand attributes, there are certain design solutions that require a softer and more natural feeling typeface. Brisa balances this personal touch without veering into being overly calligraphic or childish. It is mature, energetic and professional. The alternates typeface can be used as well.
Aa TONE Natural, organic, personal, lively
Brisa Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
BEST USED IN Subheadings, design elements, lowercase applications
Brisa Alternates
AVAILABLE AT Veer.com
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
17
TYPOGRAPHY TONE CHART
Below is a chart to help in determining what typeface, weight and case should be chosen, depending on the aesthetic direction of a given design. Within the UofL brand there is a wide range of emotional expression available through typography. NOTE: Not every typeface weight available within the UofL brand is represented below.
ACADEMIC / CLASSIC
CONFIDENT / STRONG
CASUAL / PERSONAL
DELTA JAEGER BOLD
ITC Giovanni Black
ITC GIOVANNI BOOK
ITC Giovanni Book
brisa regular
HELVETICA NEUE BLACK
ITC Giovanni Black Italic
ITC GIOVANNI BOOK ITALIC
ITC Giovanni Book Italic
Helvetica Neue Thin Condensed
HELVETICA NEUE HEAVY
DELTA JAEGER MEDIUM
Helvetica Neue Condensed
HELVETICA NEUE THIN CONDENSED
Helvetica Neue Ultra Light Condensed
HELVETICA NEUE BLACK CONDENSED
HELVETICA NEUE MEDIUM CONDENSED
Helvetica Neue Medium Condensed
HELVETICA NEUE ULTRA LIGHT CONDENSED
Helvetica Neue Light Condensed
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
18
LOGOS
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
19
LOGO INTRODUCTION
The university’s official logo is the University of Louisville graphic signature with or without the “It’s Happening Here” theme and Cardinal head attached. An official logo should be used on all university marketing communications, including printed pieces, visual presentations, advertising and any other materials that represent the university with external audiences. It should
GLOSSARY SYMBOL A graphic mark used without words to identify a company (e.g. Cardinal bird head)
appear on the front or back cover of all printed communications unless an exception has been granted by OCM.
Logo Family 1
5
2. Primary Signature with Tagline
LOGO Word(s) in type used to identify a company (e.g. University of Louisville)
3. Primary Logo 4. Primary One Line Logo 2
6
5. Monogram 6. Secondary Logo
SIGNATURE A combination of a symbol and a logo (also known as a combination mark)
LETTERMARK A graphic representation using letters to form (an often shortened version of) a company's name (e.g. UofL)
1. Primary Signature
7. Secondary Alternate Logo
7 3
4
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
20
GENERAL APPLICATION GUIDELINES
To maintain a high level of quality and consistency in a variety of applications, the following guidelines must be followed when applying the logo:
Quality The logo should be reproduced from an original vector-based electronic file. To order, contact OCM at 502-852-6171 or by emailing branding@ louisville.edu.
Size To maintain readability, the logo should not be reproduced any smaller than 1 1/16 inches (10 picas) in length.
Color Printed applications should use the CMYK color space version of the marks, while web or screen-based applications (video, presentations, mobile, etc.) should use the RGB color space with hexadecimal values.
Placement No version of the mark may be used to replace the words “University of Louisville” or “UofL” in a sentence or headline. They may only be used as stand-alone design elements. For specifications on the application of specific versions of a mark, please refer to any of the following pages for more details.
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
21
PRIMARY SIGNATURE
Full Color The UofL Primary Signature in full color is for applications where full color is desired. The mark is available with and without the [A] Primary Signature on White Background
[D] Primary Signature with Tag on White Background
tagline. At all times, the marks should maintain a white trap around the
CLEAR SPACE
Cardinal.
Observe the clear space around the
Please note that the background
logo to maximize visual effectiveness. Nothing should intrude into this specified
[B] Primary Signature on UofL Red Background
[E] Primary Signature with Tag on UofL Red Background
[C] Primary Signature on Black Background
[F] Primary Signature with Tag on Black Background
shape is not part of the mark.
clear space.
A The radius of the Clear Zone for the Primary Signature must equal the size of a box represented in the blue box labeled “A” (equaling the height of the
Grayscale
letters in “Louisville”). This is then used
The UofL Primary Mark in
to measure the space surrounding the
grayscale is for applications
mark: above, below and to the side of
where full color is not available.
two parallel lines.
The mark is available with and [G] Primary Mark on White Background
[I] Primary Mark with Tag on White Background
without the tagline. At all times, the marks should maintain a white trap around the Cardinal. Please note that the background
[H] Primary Mark on Black Background
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
[J] Primary Mark with Tag on Black Background
shape is not part of the mark.
22
PRIMARY SIGNATURE
Two Color The UofL Primary Signature in two color is for applications where full color or grayscale is not available or desired. The [E] Primary Signature on White Background
[H] Primary Signature with Tag on White Background
mark is available with and without the tagline. At all times, the marks should
CLEAR SPACE
maintain a white trap around the Cardinal.
Observe the clear space around the logo to maximize visual effectiveness.
[F] Primary Signature on UofL Red Background
[I] Primary Signature with Tag on UofL Red Background
Nothing should intrude into this specified
Please note that the background shape is not part of the mark.
clear space.
A [G] Primary Signature on Black Background
[J] Primary Signature with Tag on Black Background
The radius of the Clear Zone for the Primary Signature must equal the size of a box represented in the blue box labeled “A” (equaling the height of the
Single Color
letters in “Louisville”). This is then used
The UofL Primary Mark in black
to measure the space surrounding the
and white is for applications
mark: above, below and to the side of two parallel lines.
where full color, grayscale or [A] Primary Signature on White Background
[C] Primary Signature with Tag on White Background
two color is not available or desired. The mark is available with and without the tagline. At all times, the marks should maintain a white trap around the Cardinal.
[B] Primary Signature on Black Background
[D] Primary Signature with Tag on Black Background
Please note that the background shape is not part of the mark.
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
23
PRIMARY LOGO
Full Color The UofL Primary Logo in full color is for applications where full color is desired. The mark is available with and without the tagline. At all times, the marks should maintain a white trap around the Cardinal. Please note that the background shape is not part of the mark.
CLEAR SPACE Observe the clear space around the logo to maximize visual effectiveness. Nothing should intrude into this specified clear space. [A] Primary Logo on White Background
[D] Primary Logo with Tag on White Background
A The radius of the Clear Zone for the Primary Logo must equal the size of a box represented in the blue box labeled
[B] Primary Logo on UofL Red Background
[E] Primary Logo with Tag on UofL Red Background
[C] Primary Logo on Black Background
[F] Primary Logo with Tag on Black Background
“A” (equaling the height of the letters in “Louisville”). This is then used to measure the space surrounding the mark: above, below and to the side of two parallel lines.
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
24
PRIMARY LOGO
Grayscale The UofL Primary Logo in grayscale is for applications where full color is not available [A] Primary Logo on White Background
[C] Primary Logo with Tag on White Background
or desired. The mark is available with and without the tagline. Please note that the background shape is not part of the mark.
CLEAR SPACE Observe the clear space around the logo to maximize visual effectiveness. Nothing should intrude into this specified
[B] Primary Logo on Black Background
[D] Primary Logo with Tag on Black Background
clear space.
A Single Color
The radius of the Clear Zone for the Primary Logo must equal the size of a
The UofL Primary Logo in black
box represented in the blue box labeled
and white is for applications
“A” (equaling the height of the letters in “Louisville”). This is then used to measure the space surrounding the
where full color or grayscale is [E] Primary Logo on White Background
[G] Primary Logo with Tag on White Background
not available or desired. The mark is available with and without
mark: above, below and to the side of
the tagline.
two parallel lines.
Please note that the background shape is not part of the mark.
[F] Primary Logo on Black Background
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
[H] Primary Logo with Tag on Black Background
25
UNACCEPTABLE MARK USAGE
The success of the University of Louisville brand identity relies on the clarity and consistency with which it is implemented. Distorting or changing it reduces its legal protection and diminishes its impact. The following examples visualize some potential mistakes that must be avoided, including reproducing the logo on a textured or patterned background that reduces clarity, replacing any letter in the logo with a symbol or other graphic element, and adding graphic devices such as rules or boxes around the logo. Do not use a university logo or mark as a basis for any new or derivative logo or mark. Adding graphic elements behind or around an official university mark is not permitted. Please note that the following examples apply to all UofL marks and should be avoided at all times.
1. Do not alter colors 2. Do not alter proportions 3. Do not remove elements 4. Do not rotate the logo 5. Do not invade clear space 6. Do not add drop shadows
1
2
3
4
5
6
7
8
9
10
11
12
7. Do not blur the logo 8. Do not skew the logo 9. Do not alter fonts 10. Do not alter layout 11. Do not crop the logo 12. Do not add elements
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
26
ONE LINE PRIMARY LOGO
The one line primary logo is unique. While the Primary Signature and the Primary Logo remain the default choice for most graphic applications of the UofL mark, there are certain instances where an element with a small height footprint is required (vehicle signage, billboards, etc). The One Line Primary Logo should always be used with a purpose, as a result of a design or composition that absolutely requires this as a solution.
CLEAR SPACE Observe the clear space around the logo to maximize visual effectiveness. Nothing should intrude into this specified clear space. [A] One Line Primary Logo in Black on White Background
A
The radius of the Clear Zone for the One Line Primary Logo must equal the size
[B] One Line Primary Logo in Gray on White Background
of a box represented in the blue box labeled “A” (equaling the height of the letters in “Louisville”). This is then used to measure the space surrounding the mark: above, below and to the side of
[C] One Line Primary Logo in Red on White Background
two parallel lines.
[D] One Line Primary Logo on Red Background
[E] One Line Primary Logo on Black Background
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
27
LETTERMARK (MONOGRAM)
The UofL Lettermark (Monogram) is an alternate method of identifying the University graphically. It is less formal than the Primary Signature or Logo but carries the same amount of brand equity and is appropriate to use in many instances.
Full Color The UofL Monogram in full
CLEAR SPACE
color is for applications where available or desired.
Observe the clear space around the monogram to maximize visual
Please note that the background
effectiveness. Nothing should intrude into this specified clear space. [A] Monogram on White Background
[B] Monogram on Red Background [C] Monogram on Black Background
shape is not part of the mark.
Grayscale The UofL Monogram in grayscale is for applications
B
where full color is not available or desired. Please note that the background shape is not part of the mark.
The radius of the Clear Zone for the Monogram must equal the size of a box represented in the blue box labeled “B”
[D] Monogram on White Background
[E] Monogram on Black Background
(half of the height of the “U”). This is then used to measure the space surrounding the mark: above, below and to the side of two parallel lines.
Single Color The UofL Monogram in single color is for applications where full color or grayscale is not available or desired. Please note that the background shape is not part of the mark.
[F] Monogram on White Background
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
[G] Monogram on Black Background
28
SECONDARY LOGO
Sub-brands, also called secondary logos, can reduce the impact and effectiveness of the university’s brand identity if not used appropriately. As such their use is limited to a very few select units that have been designated sub-brands or brand extensions of the core UofL brand. These custom signatures recognize the unique identity needs of the units and their audiences while maintaining a strong relationship to the central university brand. Colleges and schools are permitted to have a sub-brand as long as the mark adheres strictly to the design specifications shown on the following pages. Prior to the publication of this document (January 2011), certain units were awarded a secondary logo with an icon (e.g. illustrated mark) adjacent to the unit name. With the publication of this document, all secondary logos with icons will be henceforth changed to remove all icons as they compete with the overall university image and do not scale well in smaller applications. Departments, programs, centers and other campus units are not eligible for a secondary mark unless they meet the following criteria: • The unit’s basic role must not be linked to the mission of the University of Louisville; AND/OR • The unit must operate in a retail environment and have a storefront; AND/ OR • The unit has multiple funding sources and operates as a true consortium.
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
29
SECONDARY LOGO
All sub-brands, including specific school marks, must adhere to the guidelines presented below.
CLEAR SPACE Observe the clear space around the logo to maximize visual effectiveness.
[A] Primary Mark with Cardinal and Affiliate
[B] Primary Mark with Affiliate School
School
Nothing should intrude into this specified clear space.
A
Unacceptable Mark Usage As of this publication, entity icons are no longer valid components of approved Secondary Logos for sub-brands. Icon/illustrations may be used separated from the logo, strictly as a design element to enhance the
T he radius of the Clear Zone for the secondary logo must equal the size
content of your marketing materials. Icons/illustrations must never stand alone to represent a sub-unit.
of a box represented in the blue box labeled “A” (equaling the height of the letters in “Louisville”). This is then used to measure the space surrounding the mark: above, below and to the side of two parallel lines.
[A] School icons are no longer valid
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
30
SECONDARY ALTERNATE LOGO
Alternate sub-brand marks continue to extend the university’s identity while at the same time adapting to specific design constraints. Colleges, schools and other UofL entities that qualify for a sub-brand mark have the option to use an alternate signature if the design or layout necessitates. The implementation (shown below) should be used primarily where a more strict horizontal orientation is required.
CLEAR SPACE Observe the clear space around the logo to maximize visual effectiveness. Nothing should intrude into this specified clear space. A A
A B
B A
[A] Alternate sub-brand mark with affiliate school
T he radius of the Clear Zone for the secondary alternate logo must equal the size of a box represented in the blue box labeled “A” (half of the height of the “U”). This is then used to measure the space surrounding the mark: above, below and to the side of two parallel lines. The radius of the Clear Zone between the Monogram and the entity name must equal the size of a box represented in the blue box labeled “B” (width of the “L” in the Monogram).
[B] Secondary alternate logo correctly used for a design requiring strict horizontal spacing
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
31
UNACCEPTABLE MARK USAGE
In addition to the rules listed on page 24 for the primary signature, the following secondary alternate logos serve as examples of how NOT to treat school marks.
1. Do not replace the monogram 2. Do not add the tag line or
additional text
3. Do not add additional icons or
1
graphic elements
2
3
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
32
MINERVA
Use of the Minerva seal is restricted to presidential use and official communications that identify university-wide policies, proceedings and awards. For example, the Alumnus of the Year is considered a universitywide award and as such qualifies for Minerva; the Arts and Sciences Hall of Honor is considered a unit-based award and as such does not. The seal should not be used on academic posters, presentations or in advertising, publications or printed materials that publicize a program, activity or service of the university. Any other use of the Minerva seal must be approved by OCM.
[A] Minerva in Black
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
[A] Minerva in Red
33
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
34
GRAPHIC ELEMENTS
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
35
RED STRIPE
2008-2011 In the initial iteration of the brand platform, the Red Stripe was used in a very literal definition, with specific rules and guidelines for execution. This ensured exact replication and created brand awareness for the Red Stripe as a primary element of the UofL platform.
COLOR Solid red, solid black, gradients
Present– The current brand guidelines are now expanding the definition of the Red Stripe and removing the specific guidelines for usage. This is an evolution
BEST USED FOR Drawing attention to a headline, adding visual weight to a design, calling out information
of the Red Stripe as a primary graphic element within the brand and allows it to adapt more readily to various designs and mediums. Below are some examples of current usage:
Stars to Starfish 70 degrees. 1 college.
From a B.S. in Physics to a Ph.D. in Biology, the University of Louisville’s College of Arts and Sciences offers a wide range of outstanding degree programs designed for today’s thinkers and doers.
louisville.edu/ artsandsciences
[A] Red Stripe as a subverted graphic element
[B] Red Stripe as a call-out for headlines and website navigation
REACH HIGHER
HONORS PROGRAM
ULAD 117 honorsBrochure (8.5x8.5).indd 1
9/6/11 11:13 AM
[C] Red Stripe drawing attention to the Primary Signature
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
36
PHOTOGRAPHY
2008-2011 In the initial iteration of the brand platform, the photographic style employed relied heavily on cutout photos, often groups of students, on a white background.
Present– SIZE Large or full bleed, not cut-out
The current photographic style moves toward full-bleed photographs, immersive, showing an intimate look at the subject of the advertisement, etc. Environmental shots are candid and unposed to show honesty and
COLOR Deep, rich colors. No washedout tones. Correct white balancing.
realism. Portraits should also be environmental to give context and meaning. Below are some examples of current usage:
TONE Honest, inspiring, confident, professional
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
37
VIGNETTE
2008-2011 In the initial iteration of the brand platform, there was no depth to any background. Everything was pristine and flat.
Present– While flat-color backgrounds are still acceptable in the current brand
AMOUNT Subtle. Done as a gradient, color value transitions should feel natural and not artificial.
platform (when appropriate), vignettes or subtle radial gradients are used when there is a need to draw the audience's eye inward to contain its focus on something in particular.
FINANCIAL AID & SCHOLARSHIPS
RISE ABOVE.
BEST USED FOR Flat colored backgrounds such as red, white or gray. Screen applications (websites, presentations) benefit most from this graphic styling as it reduces the harshness of a bright-white background in particular.
2 0 11
Below are some examples of current usage:
ULAD 107 uoflFinancial S(4x9).indd 1
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
5/26/11 11:20 AM
38
EXAMPLES
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
39
BILLBOARDS & OUTDOOR SIGNAGE
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
40
ADVERTISEMENTS Enjoy an evening with the state’s blossoming artists. Join Dr. James Ramsey, University of Louisville President, for a special night of entertainment and culture:
“We’re a peoples’ university. We’re a citizens’ university. We’re here to help the people of this community and state.” — Dr. James R. Ramsey President, University of Louisville
The Celebration of the Performing and Visual Arts Monday, September 26, 2011 7:00 pm Luther F. Carson Four Rivers Center 100 Kentucky Avenue, Paducah, Kentucky This is a free event and open to the public.
With your help, we’re changing the world. The University of Louisville has initiated a bold campaign—Charting Our Course—to raise an unprecedented $750 million in private support by 2013 that will fund initiatives from scholarships to cancer research to community development and beyond. While significant progress has already been made toward this goal, there is still much to be done. We need your support. Join the campaign at ChartingOurCourse.org.
The Campaign for Kentucky’s Premier Metropolitan Research University
UNIVERSITY OF LOUISVILLE WEEKEND MBA WITH AN OPPORTUNITY TO FOCUS ON HEALTH SECTOR MANAGEMENT The most dynamic growth industry in history needs leaders. And they’re getting them here from our new Weekend MBA focused on Health Sector Management. In just 20 months, our new Health Sector Management MBA option can give you the training you need to step into a top management position in bio-medical, facility administration, insurance services, senior care and other health-related fields. And it all happens in a city known for being a leader in health industry innovation. For more information, go to www.louisville.edu/business.
FOR THOSE SEEKING A CAREER
WITH A PULSE.
Featuring students, faculty and performance groups from the University of Louisville, including:
ENTREPRENEURIAL THINKING
Collegiate Chorale | Creative Writing | Department of Theatre Arts and African American Theatre | International Jazz Combo | University Symphony Orchestra | University Wind Ensemble
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
41
WEBSITES
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
42
MOTION GRAPHICS
Pre- & Post-roll Vidoes produced by UofL should identify (either at the beginning of the video, or just prior to the end) the university or an official sub-unit (e.g. College of Arts & Sciences. Examples of brand characteristics for motion graphics work are below.
COLOR Red, black, white, grey. Radial gradient/spotlight if depth is needed (vignette) on background. Screen palette values. MOTION Fast. Spritely. Responsive and short. Fairly simple. Little movement. Few elements in total. Linear movement, not curvilinear. Emphasis on easing in and out.
To see an example of the motion graphics style outlined here, visit http://vimeo.com/uofl/rebrand
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
43
POWERPOINT PRESENTATIONS
Presentations are a vital part of the academic and administrative functions of everyday life at UofL. It is important to proudly and accurately display the UofL brand in your presentations while at the same time offering the best on-screen experience to your audience. Several branded templates are available for download, supporting both 4:3 as well as 16:9 aspect ratios.
DOWNLOAD These PowerPoint templates are available for download at: http://uofl.me/ocm-bgp7
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
44
BUSINESS CARDS
More Options
FIRSTNAME LASTNAME
The UofL business cards were
First line of title Second line of title
redesigned to offer a greater variety of options as well as new
email.address@louisville.edu P: 502.852.1234
C: 502.555.1234
louisville.edu
Office of University Advancement University of Louisville Louisville, KY 40292
ORDER Stationery and business cards are available to order through IT Print Services at:
features such as QR codes.
F: 502.852.4321
always be louisville.edu Secondary logos are permitted ONLY in the alternate (horizontal) style, and ONLY on the reverse side.
FIRSTNAME LASTNAME First line of title Second line of title
http://uofl.me/ocm-bgp9 WHAT IS A QR CODE? Certain designs of business cards offer printing on the reverse side, with the option of including a QR code. This allows those with smartphones to scan contact info and have your address book details automatically added to their phone.
Web addresses on reverse must
Single-sided versions of all three designs are available for a lower
Office Or Department University of Louisville Louisville, KY 40292
cost. louisville.edu
email.address@louisville.edu
These are representative
P: 502.852.1234
samples only.
C: 502.555.1234
F: 502.852.4321
FIRSTNAME LASTNAME First line of title Second line of title
email.address@louisville.edu T: 502.852.1234 C: 502.555.1234 F: 502.852.4321 Office or Department Street address first line University of Louisville Louisville, KY 40292
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
louisville.edu
45
LETTERHEAD & ENVELOPES
The UofL letterhead and envelope system was designed to remain clean and reflective of the UofL brand identity. Below, the letterhead and envelope are shown at a smaller percentage of their actual size, but all measurements apply to pieces at 100% scale. All text should be set in black, with the exception of the UofL Primary Signature.
Firstname Lastname First Line of Title Second Line of Title
ORDER Stationery and business cards are available to order through IT Print Services at: http://uofl.me/ocm-bgp5
Firstname Lastname First Line of Title Second Line of Title
November 15, 2011 Mr. John Doe Company Name 1234 Cardinal St. Louisville, KY 40202 November 15, 2011 Dear John: Mr. John Doe Company Name Subject: Lorem Ipsum 1234 Cardinal St. Louisville, KY 40202 Dolor sit amet.
John: Ibusanti temDear quam voloratur a nist qui cus ut isquod exped que laborit quid quatem iur rescimo loruptatat. Raerfer umquas quas accatem expedig endiandit la volest, quam, soluptibusam fuga. Elit eati sum suntur atibus, isqueSubject: prorecaLorem tisciur?Ipsum Num apit laborem. Nam quae eos dolecat ventiur? sit amet. Hent estion Dolor eatempore veles cupta volectem que vidundit eationsequae optat ra cor simo maximinvel ium cor acerfer cipsam sumque veribus andundelit, coria nobit lique nis consequi re ex et est, consequidis eum Ibusanti tem quam voloratur a nist cus nost ut isquod exped quequatur laboritratur? quid quatem iur rescimo loruptatat. quame doluptat lis autecum corumqui optat hit,qui volum quundus erum Raerfer umquas quas sequi accatem expedig endiandit la volest, quam, soluptibusam fuga. Elit eati sum suntur Cerro optatisiti inullup tataeptatur sunto tem labori cusdand entiumquatis et fuga. atibus, isque proreca tisciur? Num apit laborem. Nam quae eos dolecat ventiur? Et voluptatur accum ut hil illesci doluptur? Qui unt voloriam inimolores si dic totate non eatur. Hent estion eatempore veles cupta volectem que vidundit eationsequae optat ra cor simo maximinvel ium cor acerfer cipsam sumque veribus andundelit, coria nobit lique nis consequi re ex et est, consequidis eum Best regards, Department quame doluptat lis autecum corumqui optat hit, volum nost quundus erum quatur ratur? University of Louisville Cerro optatisiti inullup tataeptatur sequi sunto tem labori cusdand entiumquatis et fuga. Louisville, KY 40292
Et voluptatur accum ut hil illesci doluptur? Qui unt voloriam inimolores si dic totate non eatur. Firstname Lastname Director, Marketing Publications Department Best regards, & Marketing Office of Communications University of Louisville Louisville, KY 40292
Firstname Lastname Director, Marketing Publications Office of Communications & Marketing
University of Louisville • Louisville, KY 40292 P: 000.000.0000 F: 000.000.0000 E: user.name@louisville.edu W: louisville.edu
University of Louisville • Louisville, KY 40292 P: 000.000.0000 F: 000.000.0000 E: user.name@louisville.edu W: louisville.edu
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
46
WEB
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
47
WEB COLOR & TEXTURE
DOWNLOAD You can download an Adobe Photoshop palette file (.aco) of the UofL Web Colors at: http://uofl.me/ocm-bgp6
Color The UofL color palette has been modified from the Pantone values to be screen-appropriate.
ANY VALUE OF GRAY / DEFAULT CCCCCC
000000
AD0000
56004E
8A2529
E36F1E
F8981D
764200
CEAA7A
F6E7A1
E5B53A
C49F06
B1B579
4F6E18
00703C
004963
00788A
5B6F7B
C2D1D3
Texture There is occasionally a need for texture in web design. Since the UofL brand is clean and crisp, use of texture is kept to a minimum. When appropriate, however, a slight gray hash pattern (diagonal line art) is used. Use of pattern should never be distracting or obtrusive.
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
48
WEB TYPOGRAPHY
GENERAL TIP Studies have shown that serifed fonts like Georgia or Times New Roman are easier to read on a screen than sans serif fonts like Helvetica or Arial. The serifs allow the eye to more easily flow from one character to the next. Consider using serifed fonts for the body copy of your website and saving sans serif fonts for headlines and call-outs.
Image-Based Fonts The UofL Font Family is composed of typefaces that do not display natively across all web browsers. As such, the font faces listed below can be used in images outputted for web:
Delta Jaeger Bold
Helvetica Neue Light
Helvetica Neue Medium Light Condensed
Delta Jaeger Medium
Helvetica Neue Ultra Light
Helvetica Neue Medium Ultra Light Condensed
Delta Jaeger Book
Helvetica Neue Thin
Helvetica Neue Medium Thin Condensed
Delta Jaeger Light
Helvetica Neue Extra Black Condensed
Helvetica Neue Black
Helvetica Neue Black Condensed
Helvetica Neue Heavy
Helvetica Neue Heavy Condensed
Giovanni Std Black Giovanni Std Bold Giovanni Std Book
Helvetica Neue Bold
Helvetica Neue Bold Condensed
Helvetica Neue Medium
Helvetica Neue Medium Condensed
Helvetica Neue Roman
Helvetica Neue Condensed
Brisa Regular Brisa Alternates
HTML-Based Fonts Web fonts need to be universal in nature and as such UofL offers the following CSS declaration to be used as a cascading choice for both serif and sans-serifed applications. In order of preferred font face: font-family: Georgia, "Times New Roman", serif; font-family: Helvetica, Arial, sans-serif;
Web-Only Fonts Since Helvetica Neue, our primary typeface, cannot be used universally on websites, UofL offers Proxima Nova as a web-only solution using the TypeKit method of web font delivery. Proxima Nova may not be used in printed pieces, billboards, outdoor advertising or any other non-screen-based application. If you would like more information on this, call OCM at 502-852-6171 or visit http://typekit.com/fonts/proxima-nova
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
49
GRADIENTS & SHADOWS
Gradients The UofL brand is primarily clean and crisp. However, there are instances where the use of gradients is beneficial. Below are several suggestions for using gradients effectively in web design: • Subtlety is key. Color transitions should be slight and elegant. Large tonal shifts are distracting. Example: Red to black is too dramatic a shift. Consider using a dark red (660000) to the UofL Red (AD0000) instead.
CSS OR IMAGE? Creating gradients and drop shadows can be achieved by way of multiple methods. However, using CSS to achieve these visual effects is more effective and preferred. Image-based effects add unnecessary size and download time to every page. Consider mobile users and those on slower connections; use CSS properties and browser-friendly markup to achieve the same effect in a lighter, smarter way.
• Matching directions. Do not mix radial and linear gradients unless you know what you're doing, as gradients should be used to mimic real-life lighting situations. • Highlight, not distract. Gradients should be used to draw the viewer's eye inward to a certain object. Gradient use should never be distracting or confuse the viewer's eye.
The UofL Homepage shows how a barely noticeable radial gradient can help lead the eye toward a particular area of the design.
• When in doubt, don't. Correct use of gradation is difficult and when done poorly reflects negatively on the university. Consider using flat colors if you are unsure of how to handle gradients properly.
Shadows Shadows (behind text or shapes) are another effective way of creating the illusion of depth on the web. Much like gradients, use of shadows is difficult to achieve correctly. Below are several suggestions for using gradients effectively in web design: • Careful with color. When placing shadows behind text, consider using a slightly darker color of the background from which you're trying to separate the text. The default black shadow color can often be too harsh. • The busier the background, the better the justification for using shadows. Since shadows visually separate "layers" of a design, consider only using text shadows behind text that is overlaid on patterns, gradients or photographs. • Watch your global light. Mixing multiple drop shadows in a design can be difficult. Since shadows mimic real-world lighting situations, make sure you have an idea of where your virtual light source(s) originates so that you can coordinate shadows behind multiple objects and create a realistic shadow situation.
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
Example:
Example: Subtle text shadows and drop shadows on shapes combine to create depth without being distracting or attentiongrabbing.
50
REQUIRED WEB GRAPHIC ELEMENTS
There are several web graphic elements that are required to ensure that all UofL web properties remain cohesive and easily identifiable for usability purposes:
Header The UofL header must, in some configuration or another, include an official logo in the top-left position on every page. By default, this will be the Primary Signature. Other acceptable logos must be approved by OCM by calling 502-852-6171 or by email at branding@louisville.edu. Logo usage in the header must follow the guidelines included in this document. The UofL search box (powered by Google) must appear on all UofL websites in a top-right position to ensure maximum usability for those users who experience multiple UofL websites, unless otherwise approved by OCM.
Footer The default UofL footer must follow the contents included on the bottom of louisville.edu. This global footer ensures quick, easy access for users to common UofL services: • Contact • Apply • Jobs • Accessibility • Emergency • Email • Blackboard • ULink
Deviations from this standard must be approved by OCM by calling 502852-6171 or by email at branding@louisville.edu.
UNIVERSITY OF LOUISVILLE: 2012-2014 BRAND GRAPHICS POLICY
51
louisville.edu
The University of Louisville is an equal opportunity institution and does not discriminate against persons on the basis of race, age, religion, sex, disability, color, sexual orientation, national origin or veteran status. This publication was prepared by the University of Louisville and printed with state funds KRS 57.375.