Overseas School of Colombo Brand Book

DESIGN AND BRAND GUIDELINES Address Phone & Fax Online The Overseas School of Colombo Phone: +94 112 784920-2 E-mail: [email protected] P. O. Box 9, Pelawatte, Fax: +94 112 784999 Website: https://osc.lk Battaramulla, Sri Lanka

THE OVERSEAS SCHOOL OF COLOMBO BRAND GUIDELINES 2 // 26 CONTENTS BRAND GUIDELINES SECTION 1 | INTRODUCTION , MISSION , VISION SECTION 2 | MASTER LOGO DESIGN GUIDELINES These guidelines describe the visual and verbal elements that The OSC brand, including the logo, name, colors and identifying SECTION 3 | TYPOGRAPHY SYSTEM represent OSC’s corporate identity. This includes our name, logo elements, are valuable assets. and other elements such as color, type and graphics. Each of us is responsible for protecting the school’s interests by SECTION 4 | COLOR SCHEME Sending a consistent and controlled message of who we are is preventing unauthorized and/or incorrect use of the OSC name essential to presenting a strong, unified image of our school. and marks. These guidelines reflect OSC’s commitment to quality, consistency SECTION 5 | OSC STATIONERY and style. SECTION 6 | CORRECT LOGO PLACEMENT

THE OVERSEAS SCHOOL OF COLOMBO BRAND GUIDELINES 4 // 26 SECTION 2 OUR VISION & MISSION 02MASTER LOGO Our logo is the key building block of our identity, the they have a fixed relationship that should never be changed VISION MISSION primary visual element that identifies us. The logo is a in any way. combination of the the symbol itself and our school name – The Overseas School of Colombo shall be a model of The Overseas School of Colombo, an IB World School, excellence in education, nurturing and empowering our is committed to guiding our global community toward community of learners to achieve global success. international and intercultural understanding. LOGO ELEMENTS OSC develops the whole person as a responsible learner, striving for personal excellence within a culturally diverse environment. CLEAR SPACE AND COMPUTATION LOGO APPLICATION

THE OVERSEAS SCHOOL OF COLOMBO BRAND GUIDELINES THE OVERSEAS SCHOOL OF COLOMBO BRAND GUIDELINES 6 // 26 7 // 26 LOGO, FONTS AND TYPOGRAPHY LOGO CONSTRUCTION, CLEARSPACE AND COMPUTATION The OSC logo comprises of two elements, the logo It is important to keep logo clear of any other graphic elements. To regulate symbol and the logotype. The symbol is a powerful this, an exclusion zone has been established around the logo. This exclusion image which represents the diversity and culture of zone indicates the closest any other graphic element or message can be 0.25 x 0.25 x OSC. positioned in relation to the logo, which has a fixed relationship that should never be changed in any way. The master logo is presented through the use of color, shapes and form. The two corporate colors The Logo are blue and white. Consists of a powerful element evoking culture and diversity. 5 x 2 The colors have been selected according to . 3 x 0 international standards as shown below and can be easily implemented. x 0.25 x 0.25 x The main logo is the dark logo used on a white or colored background. For darker backgrounds, you will find an alternative below. 2) The Logo : Dark version CLEARSPACE Definition Computation DARK VERSION LIGHT VERSION will be used when the background color is - - light colored. Full Logo Whenever you use the logo, it should be surrounded To work out the clear space take the 1/ x 3) The Logo: Light version 3 with clear space to ensure visibility and impact. No height of the logo and divide it in will be used when the background color is graphic elements of any kind should invade it. three. (clear space = Height / 3). dark colored. Recommended formats are: .eps | .ai | .png | .jpg | .tiff X 1/ x 1/ x 3 3 Attention: Use of any stylized, animated, hand drawn or other versions of an official logo is not x permitted. This undermines the logo system and brand consistency. Please consult with 2 3 the design agency if you have any questions 1/ x or need further help. 3 1/ x 1/ x 3 3

THE OVERSEAS SCHOOL OF COLOMBO BRAND GUIDELINES THE OVERSEAS SCHOOL OF COLOMBO BRAND GUIDELINES 8 // 26 9 // 26 APPLICATION ON A BACKGROUND LOGO A LOGO B LOGO C LOGO D Black BG Blue BG Grey BG White / Paper BG MINIMUM LOGO SIZES Full Logo Minimum Size: 20 mm x 3.33 mm 40 mm 30 mm 20 mm

THE OVERSEAS SCHOOL OF COLOMBO BRAND GUIDELINES 11 // 26 FONTS PRIMARY SECTION 3 THE FONT The old posters and signs in the traditional Montserrat design this typeface and rescue the beauty of urban typography neighborhood of Buenos Aires inspired Julieta Ulanovsky to that emerged in the first half of the twentieth century. Montserrat 03TYPOGRAPHY SYSTEM is a Google font. RATIONALE th This typeface comes in three variants and evokes the modernist style of the early 20 century. Montserrat really shines for short pieces of all caps and the geometric Typographic hierarchy is another form of visual hierarchy, a key information. Typographic hierarchy creates contrast between simplicity of the letters. In lowercase, Montserrat, is still a pretty nice font with a nice large x-height and a lot more character than Arial or Helvetica. sub-hierarchy per se in an overall design project. Typographic elements. There are a variety of ways in which you can create a hierarchy presents lettering so that the most important words are sense of hierarchy. displayed with the most impact so users can scan text for PRIMARY FONT MONTSERRAT MONTSERRAT PRIMARY FONT TYPE EXAMPLES Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ SECONDARY FONT MONTSERRAT abcdefghijklmnopqrstuvwxyz ALTERNATIVE FONTS Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Figures 01234567890 Special Characters !“§$%&/()=?`;:¡“¶¢[]|{}≠¿‘ «∑€®†Ω¨⁄ø𕱑æœ@∆ºª©ƒ∂‚å¥≈ç

THE OVERSEAS SCHOOL OF COLOMBO BRAND GUIDELINES THE OVERSEAS SCHOOL OF COLOMBO BRAND GUIDELINES 12 // 26 13 // 26 FONTS ALTERNATIVE FONTS - TYPE 1 SECONDARY THE FONT THE FONT Open Sans is one of the most popular sans-serif fonts from the As Open Sans offers a simple yet clean and professional feel to the Nunito is a sans-serif font from the Google Font Library. Google Font Library. Designed by Steve Matteson, Open Sans is written text, it is widely used in web design projects. It is available in different weight classes. available in 10 different styles ranging from light to extra bold. RATIONALE Open Sans would be a very good pair for many fonts like Montserrat , Lato etc. It renders beautifully on the browser, with good readability. SECONDARY FONT NUNITO NUNITO SECONDARY FONT OPEN SANS OPEN SANS Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ TYPE EXAMPLES Figures abcdefghijklmnopqrstuvwxyz NUNITO 01234567890 TYPE EXAMPLES Figures OPEN SANS 01234567890 Special Characters !“§$%&/()=?`;:¡“¶¢[]|{}≠¿‘ Special Characters !“§$%&/()=?`;:¡“¶¢[]|{}≠¿‘ «∑€®†Ω¨⁄ø𕱑æœ@∆ºª©ƒ∂‚å¥≈ç «∑€®†Ω¨⁄ø𕱑æœ@∆ºª©ƒ∂‚å¥≈ç

THE OVERSEAS SCHOOL OF COLOMBO BRAND GUIDELINES THE OVERSEAS SCHOOL OF COLOMBO BRAND GUIDELINES 14 // 26 15 // 26 ALTERNATIVE FONTS - TYPE 2 THE FONT Museo Sans is a licensed font. SECONDARY FONT MUSEO SANS MUSEO SANS Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz TYPE EXAMPLES Figures MUSEO SANS 01234567890 Special Characters !“§$%&/()=?`;:¡“¶¢[]|{}≠¿‘ « ∑ €®†Ω ¨⁄øπ •±‘æœ@∆ ºª©ƒ∂ ‚å¥≈ç

THE OVERSEAS SCHOOL OF COLOMBO BRAND GUIDELINES 17 // 26 PRIMARY COLOR SYSTEM - Explanation: Usage: OSC has 2 primary colors: Deep Blue and a Lighter Use them as the dominant color SECTION 5 Blue. These colors have become a recognizable palette for all internal and external identifier of OSC. visual presentations of OSC. COLOR SYSTEM PRIMARY COLOR PRIMARY COLOR 04 BLUE LIGHT BLUE - - COLOR CODES COLOR CODES PRIMARY COLOR SYSTEM AND COLOR CODES CMYK : C100 M092 Y033 K024 CMYK : C100 M065 Y000 K030 Pantone : 662C Pantone : 442C RGB : R036 G044 B091 RGB : R000 G067 B128 Web : #242c5b Web : #004380 Color plays an important role in the OSC identity. The colors below Check with your designer or printer when using corporate colors to are recommendations for different mediums. Consistent use of ensure uniformity at all times. these colors will contribute to the cohesive and harmonious look of the brand identity across all relevant media. PRIMARY COLOR SYSTEM COLOR TONES COLOR TONES 100 % 80 % 60 % 40 % 20 % 100 % 80 % 60 % 40 % 20 % SECONDARY COLOR SYSTEM GRADIENT GRADIENT

THE OVERSEAS SCHOOL OF COLOMBO BRAND GUIDELINES 18 // 26 SECONDARY COLOR SYSTEM SECTION 6 Explanation: Usage: The secondary colors are complementary to our Use them to accent and support the official colors, but are not uniquely identifiable to the primary color palette. school. Secondary colors should be used sparingly (not exceeding 40%) of the palette in one piece. OSC 05STATIONERY COLOR CODES Tones CMYK : C100 M099 Y013 K002 RGB : R047 G041 B120 Web : #2f2978 STATIONERY COLOR CODES Tones CMYK : C090 M056 Y000 K000 RGB : R006 G102 B176 Stationery is one of the the primary mediums of illustrates approved layouts for standard U.S. business stationery. Web : #0666b0 communication. Therefore, it is essential that every application It includes specifications for typography, color, printing method, is consistent with our corporate identity. There is only one paper stock and word processing. Stationery brand management approved design format for all corporate and business guidelines do not include invoices, credit letters, business forms, COLOR CODES unit stationery, although there are slight variations in size cheques, e-mail tags or other business processes. Tones CMYK : C084 M100 Y009 K002 RGB : R083 G038 B123 and content for different regions of the world. This section Web : #53267b COLOR CODES LETTERHEAD Tones CMYK : C047 M100 Y015 K002 RGB : R153 G026 B116 Web : #991d74 SCHOOL BUSINESS CARD ENVELOPE COLOR CODES Tones CMYK : C023 M098 Y053 K018 RGB : R168 G030 B070 LOGO PLACEMENT Web : #a81e46 E-MAIL SIGNATURE COLOR CODES Tones CMYK : C017 M023 Y070 K000 RGB : R221 G191 B098 Web : #ddbf62 COLOR CODES Tones CMYK : C049 M000 Y100 K039 RGB : R107 G138 B022 Web : #6b8a16

THE OVERSEAS SCHOOL OF COLOMBO BRAND GUIDELINES THE OVERSEAS SCHOOL OF COLOMBO BRAND GUIDELINES 20 // 26 21 // 26 OSC LETTERHEAD E-MAIL SIGNATURE ENVELOPE Explanation: Usage: Usage: Explanation: This shows the approved layout with the primary The letterhead will be used for all The e-mail signature will be used for all official outgoing This shows the approved layout with the primary elements of the OSC stationery system for official outgoing communications of e-mail communications of OSC. elements of the OSC stationery system for letterheads. OSC. envelopes. Dimensions Weight Dimensions 297 x 210mm 120 gsm uncoated 297 x 210mm DIN A4 white DIN A4 Print Weight Offset CMYK 120 gsm uncoated white Print Offset CMYK BUSINESS CARD Dimensions Weight Print 85 x 55 mm 400 gsm uncoated white CMYK Explanation: This shows the approved layout with the primary elements of the OSC stationery system for business cards. Usage: The business cards will be used for all official contact and communications of OSC.

THE OVERSEAS SCHOOL OF COLOMBO BRAND GUIDELINES THE OVERSEAS SCHOOL OF COLOMBO BRAND GUIDELINES 22 // 26 23 // 26 STATIONERY ITEMS MOCKUP BUSINESS CARD MOCKUP

THE OVERSEAS SCHOOL OF COLOMBO BRAND GUIDELINES 24 // 26 SECTION 7 06THE CORRECT LOGO PLACEMENT Explanation: To place the OSC logo in the correct way, please use one of the approved styles that are shown on the right. Alternative placements are not allowed. PARAMETER Example 297 x 210mm

THE OVERSEAS SCHOOL OF COLOMBO BRAND GUIDELINES 26 // 26 The Overseas School of Colombo Design and Brand Guidelines CONTACT INFORMATION DOWNLOAD LINK https://osc.lk/brand-guidelines For further information please contact: Marketing and Development Officer E: [email protected] P: +94 112 784920-2