BRAND GUIDELINES - Mount Pisgah Christian School...The logo has a white outline to separate it from...

20
BRAND GUIDELINES 2018-19 Mount Pisgah Christian School Department of Admissions and Marketing

Transcript of BRAND GUIDELINES - Mount Pisgah Christian School...The logo has a white outline to separate it from...

Page 1: BRAND GUIDELINES - Mount Pisgah Christian School...The logo has a white outline to separate it from competing back-grounds. Note the solid fill inside the P and the inner section of

BRAND GUIDELINES2018-19

Mount Pisgah Christian SchoolDepartment of Admissions and Marketing

Page 2: BRAND GUIDELINES - Mount Pisgah Christian School...The logo has a white outline to separate it from competing back-grounds. Note the solid fill inside the P and the inner section of

2

OUR BRANDOur brand is the composite of all elements that communicate to the world who we are as a school and community. It is imperative that we establish a unified message and vision of Mount Pisgah Christian School. This guide outlines the rules and methodology behind our new look and feel. Con-sider each element carefully as you play your part in expressing the MPCS brand.

The new 2018-19 Mount Pisgah Christian School Style Guide:

WELCOMING Bright, patriotic colors, vivid photography and a clean, sophisticated aesthetic reflect

UNIFYING

openness and vibrancy.

Consistency builds brands. Our framework and elements will be followed to ensure a unified voice.

Flexible tools and templates allow team members to express their ideas in flexible and creative ways.

ADAPTIVE

Brand PolicyOver the years, our School has used a variety of logos, imagery and styles in our communications. Toward unifying our brand standards across multiple expressions, this document serves to ensure we simplify the use of our logo and visual identity while honoring our commitment to quality and excellence at Mount Pisgah Christian School. We have created a system that includes standards that must be honored while allowing the freedom within a framework to creatively bring messaging to life within a variety of templates.

Any exceptions will require written permission prior to production by Karen Brunke, Director of Admissions and Marketing AND Ruston Pierce, Head of School.

COLORS TYPOGRAPHY BRANDDESIGN SYSTEM

LOGOS

This Document:

This document is intended to support those who are entrusted with the Mount Pisgah Christian School brand with approved creative guidelines. All visual communications internally and externally need to adhere to the guidelines in this document. All uses of our logo in creative applications must be approved prior to release of publication.

School uniforms and other dress code items are not included here.

Page 3: BRAND GUIDELINES - Mount Pisgah Christian School...The logo has a white outline to separate it from competing back-grounds. Note the solid fill inside the P and the inner section of

3

OUR LOGOFor 2018-19, the only authorized logo is the Mount Pisgah wordmark. The MPCS wordmark logo is a registered trademark, so it is important that you not alter the artwork in any way.

MPCS symbols may be reproduced only from original master copies referenced in this document.

Vertical SpacingCharacteristics

Clear Zones

The amount of space between Mount Pisgah and Christian School is equal to the height (x-height) of the M.

Our logo is characterized by an all lower case “Mount Pisgah” in a serif font stacked on top of an all upper case “Christian School.”• Note that the approved logo has connections at

the U and N as well as the A and H.• Our logo is always shown in a single color.

The logo must be surrounded on all sides by clear space. The clear space should be no less than twice the x-height of the “m.”. Do not print graphics, rules, typography or other ele-ments in this area.

X height of “m”

X

2X 2X

Page 4: BRAND GUIDELINES - Mount Pisgah Christian School...The logo has a white outline to separate it from competing back-grounds. Note the solid fill inside the P and the inner section of

4

WE NO LONGER USE THE CRESTThe crest in its many forms is being phased out as we simplify our marketing communications in the private Christian School space. Uniforms and other items with the crest and its varying wordmarks can still be worn. DO NOT use the crest in marketing or any other communications.

UNACCEPTABLE VARIATIONSMaintaining the integrity of the logo is important. It must be presented in a clear, consistent, and effective manner.

Always use original digital art. The logo cannot be redrawn, re-proportioned or modified in any way. Use of a font or art similar to the official logo in order to circumvent the requirements is not allowed. Graphic elements that appear to connect or combine the Mount Pisgah Christian School logo with other logos or graphics are not allowed.

MOUNT PISGAHChristian school

No separate colors

No additional elements

No elements in clear zones

No angles

No abbreviations No abbreviations

No variations on fonts

No distortion

No stacking No outlines

Page 5: BRAND GUIDELINES - Mount Pisgah Christian School...The logo has a white outline to separate it from competing back-grounds. Note the solid fill inside the P and the inner section of

5

BE ALERT FOR IMPROPER LOGO FILES

Over the years people have created and used variations of our logo. Please make sure you are only using the approved logo file.

We do not use the version of the wordmark that has many of the letters touching and the space between letters is condensed. For questions about which file to use see Karen Brunke.

DIVISION LOGOSOur division logo(s) is an extension of the MPCS wordmark.

This approach and design is ONLY TO BE USED IN DIVISION LOGOS. This is not a design for headlines or page titles.

Correct File

.5X

1.5X

Vertical line is Light Blue or White.

Division Name is always the same color as the logo.

Division Name font: Antonio Bold. All caps.

1.5X

Page 6: BRAND GUIDELINES - Mount Pisgah Christian School...The logo has a white outline to separate it from competing back-grounds. Note the solid fill inside the P and the inner section of

6

ATHLETICS LOGOIn 2015, a new logo was created for the Mount Pisgah Christian School Athletics department and the sports teams. The MP logo is fresh and bold approach to the traditional school sports logo and represents all our athletes well.

Customizations and unique interpretations of the MP and it’s color arrangement weakening our brand.

MP LOGO IS INTENDED FOR ATHLETICS USE ONLYAny exceptions would require written permission prior to production by Karen Brunke, Director of Ad-missions and Marketing AND Ruston Pierce, Head of School.

The “MP” Our Primary Athletics Logo The MP logo icon is our primary athletics logo. The design allows for multiple color variations which are defined on the next page.

Secondary: MP Logo with Wordmark The MP logo icon can be shown with the custom Mount Pisgah and Patriots word marks.

Athletic Department Crest and Team Crests Each team has it’s own custom designed crest. For embroidered uses, the serifs have been removed and the font simplified.

4 ColorPMS 288PMS 284PMS 711PMS 704White

2 ColorWhat is black hereshould be either white or dark bluePMS 711

1 Color

DRUML INE

Embroidery Ready

1 Color 1 Color

Page 7: BRAND GUIDELINES - Mount Pisgah Christian School...The logo has a white outline to separate it from competing back-grounds. Note the solid fill inside the P and the inner section of

7

Three Color (plus White) Two Color (plus White)

One Color (plus White)

One Color (no White)

White is the primary color with red and dark blue outlines. Accents are light blue. The logo has a white outline to separate it from competing back-grounds.

Note the solid fill inside the P and the inner section of the M.

White is the primary color with red and dark blue outlines. There is no light blue accent. The logo has a white outline to separate it from competing backgrounds.

Note the solid fill inside the P and the inner section of the M.

White is the primary color with dark blue outlines. The logo has a white outline to separate it from competing backgrounds.

Note the solid fill inside the P and the inner section of the M.

White is the primary color with red and dark blue outlines. There is no light blue accent. The logo has a white outline to separate it from competing back-grounds.

Note the solid fill inside the P and the inner section of the M.

MP COLOR OPTIONS

Page 8: BRAND GUIDELINES - Mount Pisgah Christian School...The logo has a white outline to separate it from competing back-grounds. Note the solid fill inside the P and the inner section of

8

COLORSWhen you think Patriots, you think Red, White, and Blue. These make up our Primary Color Palette. We have accents and supporting colors to help create compelling and brand specific communications. Our MPCS color palette (PMS, CMYK, RGB, Web) should be used as the core color scheme for all communications.

Primary Color Palette

Accent Color

Supporting Color Palette

Dark BluePantone 288 CHex: 002d74RGB 0, 45, 116CMYK 100, 87, 27, 19

Light BluePantone 284 CHex: 6aaae4RGB 106, 170, 228CMYK 55, 22, 0, 0

CharcoalPantone 432 CHex: 323e48RGB 50, 62, 72CMYK 79, 64, 52, 44

Light Accent GrayPantone Hex: f1f4f7RGB 241, 244, 247CMYK 4. 2, 1, 0

Dark Accent GrayPantone 7541 CHex: d8dfe1RGB 216, 244, 247CMYK 4, 2, 1, 0

RedPantone 711CHex: d02c2fRGB 208, 44, 47CMYK 12, 97, 92, 3

WhitePantone Hex: ffffffRGB 255, 255, 255CMYK 0, 0, 0, 0

Page 9: BRAND GUIDELINES - Mount Pisgah Christian School...The logo has a white outline to separate it from competing back-grounds. Note the solid fill inside the P and the inner section of

9

WORDMARK COLOR OPTIONSConsistency is the number one rule of branding. Our wordmark is standard and we need to protect it with strict rules of use. See page 3 for spacing rules.

Primary Colors

White on Dark Blue

White on Black

Dark Blue on light colors Dark Blue on darker non-MPCS colors that

Use of non-MPCS colors require permission from Marketing

White on Charcoal White on Light Blue Dark Blue on light non-MPCS colors

White on Red

Secondary ColorsDark Blue (PMS 288C) and White are two main color options for our wordmark.

Always make sure there is adequate contrast between our logo and it’s background. Using our approved colors, please follow the suggestions below for ensuring our logo is always immediately recognizable and legible.

Occasionally it may be appropriate to use Red or Light Blue for the wordmark but this is not encouraged.

APPROVED COLOR USAGE

Box indicates background color. There is NO box around any of our logos.

Page 10: BRAND GUIDELINES - Mount Pisgah Christian School...The logo has a white outline to separate it from competing back-grounds. Note the solid fill inside the P and the inner section of

10

UNACCEPTABLE VARIATIONSAlways make sure there is adequate contrast between our logo and it’s background. Place our logo over multi-colored, textured or patterned backgrounds with extreme care. These examples are to be avoided.

Light Blue on Red

Low contrast off busy background

Dark Blue on dark colors

Low contrast off busy or competitive backgrounds

Red on Light Blue

White on light back-ground

Red on Dark Blue

Low contrast

Page 11: BRAND GUIDELINES - Mount Pisgah Christian School...The logo has a white outline to separate it from competing back-grounds. Note the solid fill inside the P and the inner section of

11

UNACCEPTABLE VARIATIONSProtect our logo. Be very mindful of the background where you place it.

Be mindful of color contrast as well as competing clutter that will reduce the impact and legibility of our logo.

LOGOS AND BACKGROUNDSIt is preferred to have a solid color background, however there are instances where the logo wordmark is set on top of a photograph. Follow the rules for placement and spacing first but also be very mindful to place the logo over an area that is not overly busy with competing colors, patterns or images.

White on dark backgrounds

Dark Blue on light backgrounds

White on light backgrounds

Dark on dark backgrounds

Busy Background

Photography or Other Images as BackgroundContrast is king. To protect our brand we must make sure it has ample contrast with any image behind it.

• Use a white logo on a dark area.

• Use the dark blue logo on light colored areas.

• Try to avoid placing the photo on overly complicated images.

• Try to avoid placing the logo over faces.

Page 12: BRAND GUIDELINES - Mount Pisgah Christian School...The logo has a white outline to separate it from competing back-grounds. Note the solid fill inside the P and the inner section of

12

UNACCEPTABLE VARIATIONS

One Color

DIVISION LOGO COLORSOur Division Logo is intended to be two or one colors. The MPCS wordmark and the Division name are ALWAYS the same color. In a two color version, the divider line is a contrasting white or light blue. When the logo appears in one color, the wordmark, division name and divider line are all the same color.

Two Colors

Divider Line that is not Light blue, Dark Blue or White

Divider Line that is not Light blue, Dark Blue or White

Red logo

Boxes indicate background color. There is NO box around any of our logos.

Page 13: BRAND GUIDELINES - Mount Pisgah Christian School...The logo has a white outline to separate it from competing back-grounds. Note the solid fill inside the P and the inner section of

13

TYPOGRAPHYTo deliver our brand message, use only the fonts outlined below. Our fonts are readily available on almost all computers and systems and supported universally.

Antonio Bold

Garamond Regular

Garamond Arial

Arial Regular

Garamond Italic Arial Italic

Garamond Bold Arial Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLM NOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLM NOPQRSTUVWXYZabcdefghijklmnopqrstu vwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNO PQRSTUVWXYZabcdefghijklmnopqrstuvwxyz 0123456789

Antonio Bold is used for Headlines or to add empha-sis. It is the only font to be used in Division logos. Different weights (regular or italic) may be used sparingly.

Headlines are ALL CAPS. Subheads or other points of emphasis can be upper or lower case.

Used in Subheads or to add emphasis for short bits of copy, Garamond can be used in a variety of weights. Upper and Lower case only.

Arial is our primary font for body copy. It is clear, easy to read and available on all computers making it web-safe and very compatible for any presentation.

Page 14: BRAND GUIDELINES - Mount Pisgah Christian School...The logo has a white outline to separate it from competing back-grounds. Note the solid fill inside the P and the inner section of

DESIGN GUIDETools and templates

Use this guide to help you create communications that are SPIRITED, UNIFYING, and ADAPTIVE as well as true to our Mount Pisgah Christian School brand while staying true to your communications’ creative needs.

Page 15: BRAND GUIDELINES - Mount Pisgah Christian School...The logo has a white outline to separate it from competing back-grounds. Note the solid fill inside the P and the inner section of

15

DESIGN ELEMENTSThese simple, easy to use elements combine with our colors scheme, fonts, and logos to create our Mount Pisgah visual identity. They are intended to be building blocks that help you create effective communications that stay on brand and provide flexibility and space for your own creativity.

BLUE BARSOur primary color is Dark Blue (PMS 288). For each communication design we have created a dark blue bar that can be manip-ulated to account for the amount of space and emphasis needed.

For communications that do not depend on imagery, the blue bar can be large. It can also move to the bottom if there is a great photo or image.

• Dark Blue bar always extends the fullwidth of the page. Full bleed.

• The Light Blue stripe is for accent. Do notput content in the stripe.

• Dark Blue box can vary in height.

• Light blue box can also vary but shouldpredominantly used at 0.0625 inches tallor thinner.

Dark Blue PMS 288

Light Blue PMS 284

UPPER SCHOOL

Subhead is GaramondContent Area

www.mountpisgahschool.org

Content Area

www.mountpisgahschool.org(678) 336-34009820 Nesbit Ferry Rd Johns Creek, GA 30022-9881

When using a larger blue bar, divide the page in thirds. There are ONLY two options:

• 2/3 Solid color at the top.

• 1/3 solid color at the bottom.

The remaining space is white and available for your content. Add images or text.

We have two smaller options for the dark blue line. These are more for letterhead or other communications which are very content / copy heavy.

Page 16: BRAND GUIDELINES - Mount Pisgah Christian School...The logo has a white outline to separate it from competing back-grounds. Note the solid fill inside the P and the inner section of

16

DESIGN ELEMENTS CONTINUEDRED BOXOur secondary color is Red PMS 711C. As design element, we have created a small red box that fits at the bottom right corner of the page. This box brings some emphasis and draws the eye to the bottom right encouraging the reader to view all of the content along the way.

• The Red Box is an accent only. It is not to be used for messagingor other design purposes.

• The box is ALWAYS 25% of the width of the image area.

• Keep the box short. For an 11 inch tall communication, the boxshould never be taller than .25 inch.

Never taller than .25 (1/4) inch.1/44 of print area.

RedPMS 711 C

X

.25X

LOGO PLACEMENTOur logo should be in the top left corner OR the bottom left corner. Always follow clear zone rules (page 3) for the minimum distance away from the page edge and other elements.

Headline Font Is AntonioSubhead is Garamond

UPPER SCHOOL

Subhead is GaramondContent Area

www.mountpisgahschool.org(678) 336-34009820 Nesbit Ferry Rd Johns Creek, GA 30022-9881

Top Left Corner Bottom Left Corner Top Left with thin blue bar

.25X

X

Xat least X

Page 17: BRAND GUIDELINES - Mount Pisgah Christian School...The logo has a white outline to separate it from competing back-grounds. Note the solid fill inside the P and the inner section of

17

LAYOUTWe have designed this system to provide you the most flexible and fertile areas to communicate your message. Use photography and illustration to promote your events or lessons.

The Golden Ratio and Vertical Thirds

The Golden Ratio or “Golden Mean” is a mathematical ratio that creates a balanced and pleasing composition. Artists and architects have been using it for centuries and it is even found in nature.

Without digging too deep into the math, we are simply going to vertically divide our compositions into thirds. The top 2/3 will be set as either solid color with headlines and subheads or image area that you can fill with photos or illustrations.

Emphasis on HeadlineIn this case the top 2/3 is solid color for headline and subhead. The bottom 1/3 is for content. This content can be images and text or just text.

Use this approach when an excellent image is not available or to emphasize the headline.

Emphasis on ImageryIn this case the top 2/3 is a photo with a custom headline for a special event. The bottom 1/3 is for informative content.

Use this approach for events or topics where a great image or graphic is available (like a play or a photo of a team, etc.).

The Golden Ratio

A line is divided into two parts and the longer part (a) divided by the smaller part (b) is equal to the sum of (a) + (b) divided by (a), which both equal 1.618

a

1/3

1/3

1/3

b

Page 18: BRAND GUIDELINES - Mount Pisgah Christian School...The logo has a white outline to separate it from competing back-grounds. Note the solid fill inside the P and the inner section of

18

FLYERS

www.mountpisgahschool.org

F I SH INGSubhead is Garamond

Content Area

UPPER SCHOOL

Subhead is GaramondContent Area

www.mountpisgahschool.org

Content Area

We created the approach of the vertical thirds to provide as much creative flexibility as possible for our many users and communication methods.

This design emphasizes the headline and allows for detailed content below.

You are required to use high resolution photos.

Please note the placement of the URL in this design. It should be on a solid back-ground and preferably at the bottom of the page.

Communications that are heavy with copy like schedules or syllabi can utilize the memo template to create a design such as this.

PowerPoint slides are a great way to show off our new brand.

Regardless of the size of your communica-tion, remember to follow our design rules.

This design emphasizes great imagery.

Sometimes you only have a small image. Remember to keep in mind our rule of thirds!

Page 19: BRAND GUIDELINES - Mount Pisgah Christian School...The logo has a white outline to separate it from competing back-grounds. Note the solid fill inside the P and the inner section of

19

POWER POINT TEMPLATESWe do a lot of presenting at MPCS! To meet the needs of all these presentations and also maintain brand consistency, we have created a PowerPoint template for you to use as the foundation of your presentation.

Always follow our rules of vertical thirds and remember that our red square is never more than 1/4 of the width.

Page 20: BRAND GUIDELINES - Mount Pisgah Christian School...The logo has a white outline to separate it from competing back-grounds. Note the solid fill inside the P and the inner section of

For questions please contact: Karen Brunke Director of Admission and [email protected]