Logo Style and Usage Guidelines - WeBenilde: Loginwe.benilde.edu.ph/images/manual/CIC/Benilde Logo...
16
Logo Style and Usage Guidelines As of November 22, 2013 SY 2013-2014 Center for Institutional Communications
Transcript of Logo Style and Usage Guidelines - WeBenilde: Loginwe.benilde.edu.ph/images/manual/CIC/Benilde Logo...
1DE LA SALLE-COLLEGE OF SAINT BENILDE VISUAL IDENTITY GUIDE
Logo Style and Usage Guidelines
As of November 22, 2013SY 2013-2014
Center for Institutional Communications
2DE LA SALLE-COLLEGE OF SAINT BENILDE VISUAL IDENTITY GUIDE
IDENTIFYING MARKS
The Benilde Seal is the formal
representation of the College.
Use of the seal is limited to
official academic and legal
documents, and formal
College functions.
The Benilde Logo serves
as the visual representation
of the College for internal and
external communications,
marketing, and promotional
purposes.
The Benilde Logotype serves
as the visual representation
of the College for external
communications and
applications where the full
name of the College
is preferred or required.
Seal Logo Logotype
De La Salle-College of Saint Benilde is represented by the following identifying marks:
Created in 2004, Revised in 2013 Pending approval
Created in 2013Approved by Br. Victor Franco FSC3rd Term, SY 2012-2013
Created in 2013Approved by Br. Dennis Magbanua FSC1st Term, SY 2013-2014
3DE LA SALLE-COLLEGE OF SAINT BENILDE VISUAL IDENTITY GUIDE
The Benilde Seal is the formal representation of the College. Use of the seal
is limited to official academic and legal documents, and formal College functions.
These are the acceptable variations of the Benilde Seal:
Green Black White
ACCEPTED VARIATIONS–SEAL
Gold*
*Gold may be used on certificates and awards.
The Benilde Seal is limited to official academic documents, legal documents, and formal functions only. Examples of these include but are not limited to: diplomas, contracts, certificates, purchase orders, receipts, etc.
As such, the Seal cannot be used for marketing or promotional purposes (e.g posters, flyers, ads, regardless of event or level of importance.)
The Office of the President may use the Seal for special purposes beyond the functions mentioned above.
USAGE NOTES
4DE LA SALLE-COLLEGE OF SAINT BENILDE VISUAL IDENTITY GUIDE
The Benilde Logo serves as the visual representation of the College
for internal and external communications, marketing, and promotional purposes.
These are the acceptable variations of the Benilde Logo:
Full Color Reverse Color Solid Black Solid White
SDA ColorSDEAS Color SHRIM Color SMIT Color SMS Color SPaCE Color
ACCEPTED VARIATIONS– LOGO
Use of Benilde Logo in other colors must be in solid fill format only.
Usage of Benilde logo with the School official colors:
5DE LA SALLE-COLLEGE OF SAINT BENILDE VISUAL IDENTITY GUIDE
The Benilde Logotype serves as the visual representation of the College for external communications
and applications where the full name of the College is preferred or required.
These are the acceptable variations of the Benilde Logotype:
Square Black Square White Square Green
Horizontal Black
Horizontal White
ACCEPTED VARIATIONS–LOGOTYPE
There is no need to recreate the logotype. CIC provides a vector copy that may be resized according to needs.
6DE LA SALLE-COLLEGE OF SAINT BENILDE VISUAL IDENTITY GUIDE
Primary Colors
COLOR PALETTE
PMS 364CR65 G118 B48C64 M8 Y100 K34#417630
Benilde Green
PMS Black CR0 G0 B0C0 M0 Y0 K100#000000
Black
PMS N/AR255 G255 B255C0 M0 Y0 K0#ffffff
White
sECoNDary Colors
PMS 2592CR147 G37 B178C63 M98 Y0 K0#9325b2
SDEAS Purple
PMS Red 032CR240 G40 B55C0 M98 Y96 K0#f32837
SDA Red
PMS 7408CR244 G175 B0C1 M29 Y100 K0#f4af00
SHRIM Gold
PMS 158CR234 G113 B37C0 M63 Y100 K0#ea7125
SMIT Orange
PMS 279CR72 G145 B220C74 M36 Y0 K0#4891dc
SMS Blue
PMS 648CR0 G40 B89C100 M72 Y11 K52#002859
SPaCE Navy
aCCENT Colors
PMS 2562CR215 G170 B227C21 M38 Y0 K0#d7aae3
PMS 1765CR255 G159 B173C0 M48 Y18 K0#ff9fad
PMS 7401CR242 G227 B188C3 M7 Y26 K3#f2e3bc
PMS 156CR240 G192 B130C2 M23 Y51 K2#f0c082
PMS 277CR170 G202 B230C34 M11 Y1 K1#aacae6
PMS 645CR114 G154 B189C57 M26 Y7 K7#729abd
PMS 358CR169 G220 B147C36 M0 Y50 K0#a9dc93
NEUTral Colors
PMS 7502CR212 G191 B149C10 M16 Y38 K10#d4bf95
PMS 872CR141 G116 B74C26 M40 Y72 K29#8d744a
PMS 877CR132 G136 B139C40 M28 Y25 K24#84888b
PMS Cool Gray 10R87 G98 B101C55 M44 Y37 K37#616265
PMS Cool Gray 6R175 G175 G175C23 M17 Y16 K16#afafaf
PMS Cool Gray 3R202 G202 B200C14 M10 Y11 K10#cacac8
PMS Cool Gray 1R226 G225 B221C7 M6 Y7 K5#e2e1dd
PMS is the industry standard for color specification.
PANTONE© MATCHING SYSTEM (PMS)
CMYK is the formula for four-color offset printing.
PROCESS(CMYK)
RGB values are used for on-screen (digital) media.
RED GREEN BLUE(RGB)
HEX values are used specifically for HTML color specification.
WEB COLOR (HEX)
COLOR SPACES
Pantone© is a registered trademark for Pantone, Inc.
7DE LA SALLE-COLLEGE OF SAINT BENILDE VISUAL IDENTITY GUIDE
Headline Text
TYPOGRAPHY
Avenir Next
Body Text
Open Sans
Avenir Next Regular
Avenir Next Regular Italic
avenir Next medium
Avenir Next Medium Italic
Avenir Next Bold
Avenir Next Bold Italic
0123456789
0123456789
0123456789
0123456789
0123456789
0123456789
Open Sans Light
Open Sans Light Italic
Open Sans Regular
Open Sans Regular Italic
Open Sans Semibold
Open Sans Semibold Italic
0123456789
0123456789
0123456789
0123456789
0123456789
0123456789
The College was established in 1988, and became fully
independent in 2004. Like Benilde, the Avenir typeface
was created by Adrian Frutiger in 1988. An improved version
of the typeface, Avenir Next, was released in 2004.
While commercially licensed, the typeface comes pre-installed
with Apple OS X 10.8 or later. Avenir Next may be purchased
at linotype.com or MyFonts.com.
The Open Sans typeface was designed by Steve Matteson
under commission by Google™. This typeface provides
excellent legibility in print, web, and mobile devices.
The typeface is open licensed and can be downloaded for free
at google.com/fonts or fontsquirrel.com.
In the absence of Avenir Next, Open Sans Semibold or Bold
may be used instead as headline text.
Apple and OS X are trademarks of Apple Inc., registered in the U.S. and other countries.
Google is a trademark of Google, Inc.
8DE LA SALLE-COLLEGE OF SAINT BENILDE VISUAL IDENTITY GUIDE
INAPPROPRIATE USAGE–LOGO
Do not use colors not included in the approved color variations.
Do not tilt or rotate the logo. Do not modify any component of the logo.
Do not stretch or distort the logo in any direction.
Do not add any effect.(e.g drop shadow, stroke, bevel/emboss,
outer/inner glow, etc.)
Do not place any imagery within the logo.
Do not place anything in front of the logo.
Do not place anything behind the logo.
Do not use the logo as a word or part of a sentence.
Use only the approved version of the logo.
Do not place the logo in a busy background.
Do not use the logo as a personal avatar. Only institutional accounts are allowed to use it as avatar.
Do not redraw, reconstruct, or edit the logo.
TEAM ST.
When resizing the logo using Adobe® Photoshop® hold the SHIFT button while dragging to maintain the proportions of the image.
ON DISTORTION
COMPLIANCE TIPS
Make sure that the image file used matches the working color space. CIC provides TIFF files that are optimized for CMYK and PNG files that are optimized for RGB color space.
ON WRONG COLORS
Use the CIC-provided files as-is and you will be fine.
IN A NUTSHELL
9DE LA SALLE-COLLEGE OF SAINT BENILDE VISUAL IDENTITY GUIDE
INAPPROPRIATE USAGE–LOGOTYPE
Do not add color to the logotype. The text should appear only in black or white.
Do not tilt or rotate the logotype. Do not stretch or distort the logotype in any direction.
Do not add any effect.(e.g drop shadow, stroke, bevel/emboss,
outer/inner glow, etc.)
Do not place any imagery within the logotype.
Do not place anything in front of the logotype.
Do not place the logotype in a busy background without the container*. (*Square Green or Square White)
Do not use the logotype as a word or part of a sentence.
Use only the approved container shape and color.
Do not use the logotype as a personal avatar. Only institutional accounts are allowed to use it as avatar.
Do not rearrange the elements.
A
When resizing the logo using Adobe® Photoshop® hold the SHIFT button while dragging to maintain the proportions of the image.
ON DISTORTION
COMPLIANCE TIPS
Only black and Benilde green (PMS 364C) may be used.
ON CONTAINER COLORS
Use the CIC-provided files as-is and you will be fine.
IN A NUTSHELL
Do not modify the tracking or line spacing.
PRODUCTION
Do not redraw, reconstruct, or edit the logotype. CIC provides a vector file that may be resized according
to needs. There is no need to reconstruct the logotype.
ON RECONSTRUCTION
These guidelines apply to both Square and Horizontal variants of the logotype.
10DE LA SALLE-COLLEGE OF SAINT BENILDE VISUAL IDENTITY GUIDE
NAMING CONVENTION
The full name of the College “De La Salle-College of Saint Benilde” must be spelled out. No part of the full name may be shortened or partially abbreviated (i.e. De La Salle-College of St. Benilde, DLS-College of Saint Benilde). Use proper capitalization and spacing at all times.
De La Salle-College of Saint Benilde is a learning environment that nurtures students to develop their interests and passions, and trains them to become professionally competent in established industries and emerging fields of specialization.
At Benilde, learning in its many forms is encouraged. Spiritual creative pursuits, artistic endeavors, service to the community, awareness of environmental issues, and concern for the common good are all part of the Benildean education. The College’s learner-centered philosophy is founded on the belief that each student is endowed by God with talents and gifts that should be understood, appreciated and nurtured.
Citation HierarchyHighest entity should always be mentioned first, followed by the succeeding units. In a formal copy, the possessive aspect occurs after the second highest entity (see first example below)EXAMPLES De La Salle-College of Saint Benilde School of Design and Arts Foundation Program or Benilde School of Design and Arts’ Design Foundation Programor Benilde SDA’s Design Foundation ProgramNOT Design Foundation’s SDA Benilde Design Foundation Benilde School of Design and Arts
Hierarchy will be reversed in personal signatures.
The official short name for the College is “Benilde.” “DLS-CSB” is acceptable, but only for instances where an acronym is required.
Benilde has been independent from De La Salle University since 2004. “De La Salle University” or “DLSU” should never appear anywhere when referring to the College (i.e. DLSU-CSB, De La Salle University-College of Saint Benilde).
“De La Salle-College of Saint Benilde” or “Benilde” alone should not be used as an adjective. Instead, use the term “Benildean.”(i.e. Benildean student, Benildean employee)
“College” should be properly capitalized when specifically used to refer to Benilde. (i.e. the College values each individual...)
1
2
4
5
6
Avoid line-breaking anywhere when using the full name. If unavoidable, consider using “Benilde” instead.
7
“CSB” is unacceptable. The acronym may refer to other institutions (i.e. #CSB:”Cool Story Bro, College of Saint Bernadette, etc.)
3
11DE LA SALLE-COLLEGE OF SAINT BENILDE VISUAL IDENTITY GUIDE
LOGO PLACEMENT
Place brand logos on the upper-right corner of the materials for prominence. Consistent placement across communication media helps strengthen brand recall for the College.
LOGO PLACEMENT
De La Salle-College of Saint BenildeSchool or Division
CenterOffice
Unit or OrganizationExternal Partner
LOGO HIERARCHY
Use versions of the logo which provide maximum contrast with the background. For instances where color contrast is difficult, use solid color (white, black) versions.
LOGO VISIBILITY
Keep clear space around logos. Do not place logos extremely close to each other or close to the corner of the layout.
LOGO SPACINGLogo size referenceLetter: 1.2-inches wideA3: 2-inches wide
Avoid the hassle of design revisions by following these simple logo placement guidelines.
Hierarchy should be observed by presenting brand s with the highest to the lowest as right to left or top to bottom. Brands of external partners should always be at the lower end of the hierarchy.
12DE LA SALLE-COLLEGE OF SAINT BENILDE VISUAL IDENTITY GUIDE
LAYOUT STYLE
Cluttered layouts are intimidating to read and harder to analyze. Layouts free from clutter and excessive visuals are easier to read, and more professional looking. Give ample breathing space in the layout by setting a 0.350-inch margin on all sides. Keep the design simple by using only three to four typefaces at most.
SIMPLE + CLEAN LAYOUT
Visual elements should be laid out in a way that information is presented in order of importance.
CREATE INFORMATION HIERARCHY
To be able to achieve the clean layout aesthetic, layout designs should have an ample amount of white space for readability purposes. It also helps the communication medium to stand out among other material which are visually unappealing.
USE WHITE SPACE
To preserve the integrity of the College branding, the visual identity standards (i.e. logo placement, typography, colors) must be followed at all times. This helps strengthen recall of the Benilde branding as time goes by.
FOLLOW VISUAL STANDARDS
Benilde’s new visual direction is more than just good looks. It emphasizes the need for effective communication.
13DE LA SALLE-COLLEGE OF SAINT BENILDE VISUAL IDENTITY GUIDE
INTEGRATED COMMUNICATIONS
Communications material should speak with “one voice, one look”
14DE LA SALLE-COLLEGE OF SAINT BENILDE VISUAL IDENTITY GUIDE
INTEGRATED COMMUNICATIONS
15DE LA SALLE-COLLEGE OF SAINT BENILDE VISUAL IDENTITY GUIDE
INTEGRATED COMMUNICATIONS
www.benilde.edu.ph
