University of Waterloo Visual Identity Guidelines October 2017 1

UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 1

University of Waterloo Visual Identity Guidelines OCTOBER 2017 TABLE OF CONTENTS UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 2

Section 1: Context Logo placement 38 Digital 82 Print examples 39 Presentations 83 Introduction 4 Without bleed 40 Websites 84 Brand platform overview 5 Digital examples 41 Digital ads 85 Image style 42 Digital screens 86 Principles 43 Social media posts 87 Photography 44 Section 2: Elements and principles Generative renders 48 Illustrations 50 Logos 7 Section 4: Templates Infographics 52 University 8 Symbols 53 Faculty, department, school and campus lockups 11 Overview 89 Digital 55 Co-branded and partnership lockups 12 Print 90 App icons 56 University seal 13 Brochures 91 Social media elements 57 Events 14 Proposals 93 Website overview 58 Improper use 15 Posters 94 Accessible Colours 59 Typography 16 Name tags 95 Video 62 Bureau Grotesque 18 Digital 96 Overview 63 Le Monde Livre 19 Presentations 97 Top and tail 64 Typ1451 20 E-vites 98 Watermark 65 In use 21 Social media posts 99 Lower third 66 Colours 26 University palette 27 Faculty palettes 28 School and Campus palette 29 Section 3: Design applications Affiliated and Federated Institutions of Waterloo 30 (AFIW) palettes Print 68 Colour bar 31 Publications and reports 69 Examples 32 Brochures 75 Improper use 33 Print ads 77 Layout 34 Posters 78 Strategy 35 Temporary signage and wayfinding 79 Margin, colour bar and logo 36 Promo and retail items 80 Logo sizing 37 Pull-up banners 81 UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 3

CONTEXT

SECTION 1 SECTION 1: CONTEXT UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 4 INTRODUCTION

This document contains guidelines and principles for using the University of Waterloo’s visual identity. The new identity is intended to reflect the extreme present — a sense of timeliness, not timelessness. To achieve this, the system is designed to be inherently adaptive and evolve over time.

This guide is not intended to limit, but instead provide the tools (core elements) and inspiration (sample applications) to help you create compelling communications that align with the brand.

NOTE: SOME PHOTOGRAPHY AND ILLUSTRATIONS SHOWN THROUGHOUT THIS GUIDE ARE INSPIRATIONAL EXAMPLES ONLY AND SHOULD NOT BE USED IN COMMUNICATIONS. SECTION 1: CONTEXT UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 5 BRAND PLATFORM OVERVIEW

Our promise Our story Our purpose

The University of Waterloo was designed to be different. Our purpose is to inspire and equip inquiry and the To challenge, connect A strategic integration of teaching and academic excellence, creation of personal, economic and societal value. co-operative and experiential education, entrepreneurial and propel those who spirit, and curiosity- and impact-driven research has created one of the most relevant, connected and innovative Our goal challenge, connect and institutions in the world. To be the world’s top university for creators, explorers propel our world. and boundary-pushing thinkers. What makes us unique

Beacon for the brightest Our values Co-op and experiential education Transformational research Exploration Entrepreneurial ecosystem Originality Connection Creation Our personality Courage

We are optimistic. We are curious. Our tone We are unconventional. We are pragmatic. Inspiring We are unstoppable. Bright Imaginative Candid Ambitious UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 6

ELEMENTS AND PRINCIPLES

SECTION 2 UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 7

LOGOS

SECTION 2: ELEMENTS AND PRINCIPLES SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 8 LOGOS

uwaterloo.ca/brand/resources/logos/official-logos

Horizontal lockup — preferred The University of Waterloo logo is a primary element of the visual identity system. Horizontal and vertical versions of the logo are available.

In most cases, the horizontal version is preferred. The black and white reverse versions of the logos should be used only when colour printing is not an option.

COLOUR COLOUR REVERSE

BLACK WHITE REVERSE SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 9 LOGOS

uwaterloo.ca/brand/resources/logos/official-logos

Vertical lockup The University of Waterloo logo is a primary element of the visual identity system. Horizontal and vertical versions of the logo are available.

In most cases, the horizontal version is preferred. The black and white reverse versions of the logos should be used only when colour printing is not an option.

COLOUR COLOUR REVERSE

BLACK WHITE REVERSE SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 10 LOGOS > CLEAR SPACE AND MINIMUM SIZES

Y Clear space Recommended clear space around the logo has been provided X to ensure its visibility and impact. No other graphic element Y should appear within the clear space, with the exception of Senate-approved centres and institutes, and co-branded and partnership lockups (see page 13). X

Minimum size Recommended minimum sizes shown below have been established in order to maintain legibility. For the horizontal X version, ensure the height of the shield is never less than 7.3 millimeters (mm) or 28 pixels (px). For the vertical version, ensure the full height is no less than 14.8 mm or 54 px. Y

X 7.3MM/28PX

14.8 MM/54 PX

Exceptions to the minimum size requirements may be made when the display area is smaller than the specified minimum size. An example is printing logos on pens. In these cases, the Y logo should be as large as possible. X

SAMPLE CLEAR SPACE

NOTE: ENSURE THAT CLEAR SPACE AND MINIMUM SIZES TAKE INTO ACCOUNT THE WHITE BORDER AROUND THE SHIELD. SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 11 LOGOS > FACULTY, DEPARTMENT AND SCHOOL LOCKUPS

uwaterloo.ca/brand/resources/logos/faculty-department-and-school-logos

A logo lockup has been developed for faculties, departments and schools. Faculty information is introduced as second level information and is situated on a single line below the University of Waterloo wordmark.

TWO LEVELS OF INFORMATION (FACULTY) When departments or schools are introduced, the lockup is comprised of three levels of information with the department or school introduced as third level information.

Clear space Recommended clear space around the logo has been provided to ensure its visibility and impact. No other graphic THREE LEVELS OF INFORMATION (DEPARTMENT OVER ONE LINE) elements should appear within the clear space. No other logo should appear beside the University of Waterloo logo.

Minimum size Recommended minimum sizes have been established in order to maintain legibility. Ensure the height of the shield is no less than 7.3mm/28px.

THREE LEVELS OF INFORMATION (DEPARTMENT OVER TWO LINES)

7.3MM/28PX

Y Exceptions to the minimum size requirements may be made X Y when the display area is smaller than the specified minimum size. An example is printing logos on pens. In these cases, X the logo should be as large as possible.

NOTES: SAMPLE CLEAR SPACE ENSURE THAT CLEAR SPACE AND MINIMUM SIZES TAKE INTO ACCOUNT THE WHITE BORDER AROUND THE SHIELD.

LOCKUPS LIVE DIFFERENTLY IN WEBSITE APPLICATION. REFER TO PAGE 58 FOR MORE DETAILS. SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 12 LOGOS > CO-BRANDS, PARTNERSHIPS AND SPONSORSHIPS

When other logos are locked up with the University of Waterloo SAMPLE CO-BRAND LOCKUP logo, the horizontal logo should be used with a vertical line the width of the letter I in “University,” that is at a distance of the width of the letter O in “Waterloo.” The co-brand, partner, or sponsorship logo should be placed to the right of the vertical line at a distance of the letter O. For scale, the co-brand/partner/ sponsor logo should be matched to align optically with the overall proportion of the University of Waterloo logo.

C0-brands A co-brand is used to represent two entities who are working together. Co-branding is available for Senate-approved research SAMPLE PARTNERSHIP LOCKUP centres and institutes.

Partnerships A partnership is when the two or more entities share the benefits and risks of a venture. A partnership includes the University of Waterloo, and other external brands.

Sponsorships A sponsorship is when an entity supports an event, activity, person, or organization financially or through the provision of products or services. SAMPLE OF MULTIPLE PARTNERS OR SPONSORS IN LAYOUT

In instances where there is more than one partner or sponsor, a logo lockup should not be used. Instead, the University of Waterloo logo should live in layout according to its left or right placement options at the bottom of the page with the partnership or sponsor logos beside it. Accompanying text that gives the In partnership with: partnership or sponsor logos context can be placed above the logos with a horizontal line spanning the width of the margin placed in between. PARTNER LOGO PARTNER LOGO PARTNER LOGO

NOTE: IN WATERLOO CONTENT MANAGEMENT SYSTEM (WCMS) WEBSITES, THE CO-BRAND NAME APPEARS AT THE TOP OF THE PAGE IN THE SITE TITLE. THE LOGO CAN BE PLACED IN THE SITE FOOTER. SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 13 LOGOS > UNIVERSITY SEAL

The University of Waterloo seal is reserved for official, ceremonial and heritage use, such as convocation programs and select retail items. When the representation of the seal is used, it may not be modified in any way and may not be attached to or combined with any other type or graphic.

Use of the official seal must be authorized by the Vice-President of University Relations or a designate and is available only by request.

Minimum Size Recommended minimum sizes have been established in order to maintain legibility. Ensure the height of the University seal FULL COLOUR BLACK is no less than 26 millimeters (mm) or 100 pixels (px).

26 MM/100 PX

Exceptions to the minimum size requirements may be made when the display area is smaller than the specified minimum size.

GOLD WHITE REVERSE

NOTE: A GOLD VERSION OF THE UNIVERSITY SEAL IS USED TO COMMEMORATE CONVOCATION. SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 14 LOGOS > EVENTS

Events and conferences that appeal to external audiences UNIVERSITY EXAMPLE FACULTY EXAMPLE including the local community or professional groups can be provided with a unique event logo, as there is value in creating an independent brand.

Principles › Event logos should use the typeface Gotham. › ‘University of Waterloo’ must appear as part of the logo. The ‘University of Waterloo’ wordmark may be removed when the event logo is used in conjunction with the University, Faculty or Department logo. › Use University or Faculty colour palettes as appropriate.

New Logo Design To request a new event or conference logo design, submit an online requisition to Creative Services:

uwaterloo.ca/creative-services/send-online-requisition

Internal events or conferences are those that are focused on the student body community (past or present) and should be branded with the University of Waterloo official identity. No special logos are required. SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 15 LOGOS > IMPROPER USE

The following are examples of how the logo should not be used.

DO NOT RE-POSITION THE SHIELD. DO NOT DISTORT THE LOGO. DO NOT ADJUST THE PROPORTIONS OF THE LOGO.

DO NOT ROTATE THE LOGO. DO NOT ADD EFFECTS TO THE LOGO. DO NOT OUTLINE THE LOGO.

UNIVERSITY OF WATERLOO

DO NOT TYPESET THE WORDMARK. DO NOT CHANGE THE COLOURS OF THE LOGO. DO NOT PLACE THE LOGO OVER BUSY BACKGROUNDS. UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 16

TYPOGRAPHY

SECTION 2: ELEMENTS AND PRINCIPLES SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 17 TYPOGRAPHY

The brand voice consists of three typefaces, giving the brand Pages 21-25 provide some sample combinations of how a distinct look while maximizing long-term flexibility within typography can live together and be brought to life. the system. In the majority of applications, each typeface serves a specific purpose as described (but not limited to) its For information on how to license the brand fonts, primary or secondary usage. The following pages list their contact Creative Services: usage as well as alternatives if the fonts are not accessible for uwaterloo.ca/creative-services technical reasons.

Bureau Grotesque Le Monde Livre Typ1451

A contemporary, A PRAGMATIC A BOLD AND TYPEFACE WITH readable serif. REFERENCE TO EXPRESSIVE BLUEPRINTS. SANS SERIF. SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 18 TYPOGRAPHY > BUREAU GROTESQUE

Alternatives Primary Alternative In the event that the brand’s primary typefaces are unavailable, their system font equivalents can be used — but only when absolutely necessary. Some examples of applications that would require a system font include BUREAU PowerPoint presentations and email signatures. IMPACT USAGE: PC, MAC Mobile Specific apps may require alternative typefaces based GROTESQUE on the operating system. When applicable, use the font Alternatives — mobile replacements as suggested. Usage

PRIMARY USAGE: HEADLINES AND TITLES AVENIR NEXT SECONDARY USAGE: BODY COPY AND LEAD-IN COPY TYPESETTING: UPPERCASE OR TITLE CASE CONDENSED HEAVY

USAGE: IOS Available weights

LIGHT CONDENSED BOOK LIGHT DROID SANS MEDIUM BOOK USAGE: ANDROID BOLD MEDIUM BLACK BOLD ULTRA BLACK BLACK

COMPRESSED WIDE LIGHT LIGHT BOOK BOOK IMPACT USAGE: BLACKBERRY MEDIUM MEDIUM BOLD BOLD BLACK BLACK ULTRA BLACK EXTRA COMPRESSED OPEN SANS LIGHT BOOK MEDIUM BOLD OPEN SANS CONDENSED NOTE: BUREAU GROTESQUE HAS BEEN CENTRALLY BLACK USAGE: GOOGLE FONT LICENSED FOR ALL WCMS WEBSITES WITHIN THE UWATERLOO.CA DOMAIN. SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 19 TYPOGRAPHY > LE MONDE LIVRE

Alternatives Primary Alternative In the event that the brand’s primary typefaces are unavailable, their system font equivalents can be used — but only when absolutely necessary. Some examples of applications that would require a system font include Le Monde PowerPoint presentations and email signatures. Georgia USAGE: PC, MAC Mobile Specific apps may require alternative typefaces based Livre on the operating system. When applicable, use the font replacements as suggested.

Usage Alternatives — mobile

PRIMARY USAGE: BODY COPY AND LEAD-IN COPY SECONDARY USAGE: HEADLINES AND TITLES TYPESETTING: TITLE OR SENTENCE CASE Georgia USAGE: IOS, BLACKBERRY Available weights

REGULAR ITALIC BOOK BOOK ITALIC Droid Serif DEMI USAGE: ANDROID DEMI ITALIC EXTRA DEMI EXTRA DEMI ITALIC BOLD BOLD ITALIC Merriweather USAGE: GOOGLE FONT SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 20 TYPOGRAPHY > TYP1451

Mobile Specific apps may require alternative typefaces based on the operating system. When applicable, use the font replacements as suggested.

Usage Alternatives — mobile

PRIMARY USAGE: CAPTIONS SECONDARY USAGE: BODY COPY TYPESETTING: UPPERCASE OR TITLE CASE VERDANA USAGE: IOS, BLACKBERRY Available weights

LIGHT REGULAR MEDIUM (PREFERRED WEIGHT) BOLD DROID SANS

USAGE: ANDROID CANTARELL USAGE: GOOGLE FONT

NOTE: TYP1451 HAS BEEN CENTRALLY LICENSED FOR ALL WCMS WEBSITES WITHIN THE UWATERLOO.CA DOMAIN. SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 21 TYPOGRAPHY > IN USE

NEWS

The University of Waterloo is proud to announce that Alex Josephson has been awarded the Pritzker Prize.

JANUARY 13, 2017 SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 22 TYPOGRAPHY > IN USE

Nobel Prize THE NOBEL PRIZE IS A SET OF ANNUAL INTERNATIONAL AWARDS BESTOWED IN A NUMBER OF CATEGORIES BY SWEDISH AND NORWEGIAN COMMITTEES IN RECOGNITION OF ACADEMIC, CULTURAL AND/OR SCIENTIFIC ADVANCES. SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 23 TYPOGRAPHY > IN USE

Internet of Drones Could Be Next Generation of Air Traffic Control 01/13/2017

You’ve heard of the Internet of Things — the generic name given to all the various networked sensors, machines, devices and even buildings in the world — but most of those “things” stay in one place for the most part. The world is primed for an explosion of autonomous ambulatory devices, which led a team of engineers from the University of Waterloo in Canada to draft a conceptual framework for an “Internet of Drones.” SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 24 TYPOGRAPHY > IN USE

V ELOC I T Y INFORMATION S E S S IO NT H IFRIDAY S

You’ve heard of the Internet of things — the generic name given to all the various networked STARTsensors, machines, devices and even buildings in the world — but most of those “things” stay in one place for the most part. The world is primed for an explosion of autonomous ambulatory devices, which led a team of engineers from the University of Waterloo in Canada to draft a conceptual framework for an UP“Internet of Drones.” SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 25 TYPOGRAPHY > IN USE

RENEWABLE ENERGY WAS THE BIGGEST SOURCE OF NEW POWER ADDED TO U.S. ELECTRICAL GRIDS LAST YEAR AS FALLING PRICES AND GOVERNMENT INCENTIVES MADE WIND AND SOLAR INCREASINGLY VIABLE ALTERNATIVES TO FOSSIL FUELS. THAT WAS THE SECOND STRAIGHT YEAR THAT CLEAN POWER ECLIPSED FOSSIL FUELS. UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 26

COLOURS

SECTION 2: ELEMENTS AND PRINCIPLES SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 27 COLOURS > UNIVERSITY PALETTE

The University palette consists of multiple shades of yellow, shades of black, and white. The primary colours are the most frequently used, while the various shades provide more flexibility across applications. PMS 124 15% BLACK For generic University communications, Faculty palettes C0 M27 Y100 K0 C0 M0 Y0 K15 can be used in addition to the University palette, providing two or more Faculty palettes are incorporated into a single layout. See the application section for examples. P P

If the University communication is specific to a single P faculty, then it is acceptable to use the University palette in conjunction with a single Faculty palette.

PMS 122 BLACK WHITE SECONDARY C0 M14 Y80 K0 C0 M0 Y0 K100 C0 M0 Y0 K0 COLOURS R255 G255 B255 PRIMARY COLOUR

PMS YELLOW 65% BLACK C0 M1 Y100 K0 C0 M0 Y0 K65

PMS 0131 50% BLACK C2 M0 Y45 K0 C0 M0 Y0 K50

NOTE: FOR DIGITAL APPLICATIONS, REFER TO PAGES 59-61 FOR RGB AND HEX COLOUR CODES, COLOUR VARIATIONS AND COLOUR COMBINATIONS 35% BLACK REQUIRED FOR WCAG 2.0 COMPLIANCE. C0 M0 Y0 K35 SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 28 COLOURS > FACULTY PALETTES

Each Faculty maintains its own colour palette, which is Arts Mathematics Engineering Science derived from multiple shades of a primary colour. Faculties should use their colours to distinguish themselves for audiences already familiar with Waterloo.

If additional colours are needed, Faculties can use colours from the University palette. PMS 1665 PMS 234 PMS 2597 PMS 661 C0 M76 Y100 K0 C18 M100 Y4 K17 C78 M94 Y0 K0 C100 M75 Y0 K5

P P P P P SECONDARY COLOURS PRIMARY COLOUR

PMS 144 PMS 225 PMS 2081 PMS 285 C0 M52 Y100 K0 C5 M90 Y0 K0 C60 M72 Y0 K0 C90 M48 Y0 K0

PMS 7408 PMS 2038 PMS 7441 PMS 652 C0 M30 Y99 K0 C0 M68 Y0 K0 C51 M71 Y0 K0 C62 M28 Y2 K3

PMS 155 PMS 2365 PMS 264 PMS 2708 C0 M12 Y32 K0 C3 M29 Y0 K0 C27 M28 Y0 K0 C28 M9 Y0 K0

NOTE: FOR DIGITAL APPLICATIONS, REFER TO PAGES 59-61 FOR RGB AND HEX COLOUR CODES, COLOUR VARIATIONS AND COLOUR COMBINATIONS REQUIRED FOR WCAG 2.0 COMPLIANCE. SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 29 COLOURS > FACULTY PALETTES (CONTINUED) AND SCHOOL/CAMPUS PALETTE

Applied Health Sciences Environment Schools and Campuses

PMS 5473 PMS 7496 PMS 188 C83 M14 Y23 K50 C44 M4 Y98 K40 C12 M95 Y59 K54

P P P

PMS 320 PMS 390 PMS 200 C100 M0 Y30 K2 C24 M0 Y98 K8 C3 M100 Y66 K12

PMS 3115 PMS 381 PMS 1925 C69 M0 Y16 K0 C23 M0 Y89 K0 C0 M98 Y46 K0

PMS 635 PMS 372 PMS 7422 C30 M0 Y6 K0 C16 M0 Y36 K0 C0 M14 Y3 K0

Affiliated and Federated Institutions of Waterloo (AFIW) Renison University St. Jerome’s University St. Paul’s University Conrad Grebel have their own dedicated colour palettes that should be used College College University College in all communications.

PMS 349 PMS 343 PMS 7495 PMS 1797 C94 M11 Y84 K43 C98 M0 Y72 K61 C30 M4 Y85 K30 C2 M98 Y85 K7

PMS 179 PMS 139 PMS 462 C0 M88 Y84 K0 C0 M37 Y100 K23 C28 M48 Y71 K72

PMS 467 C3 M12 Y34 K10

NOTE: FOR DIGITAL APPLICATIONS, REFER TO PAGE 61 FOR RGB AND HEX COLOUR CODES, COLOUR VARIATIONS AND COLOUR COMBINATIONS REQUIRED FOR WCAG 2.0 COMPLIANCE. UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 31

COLOUR BAR

SECTION 2: ELEMENTS AND PRINCIPLES SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 32 COLOUR BAR > EXAMPLES

University

The colour bar is a graphic device that is one of our primary brand signifiers. It is composed of a black bar along with the four respective University, Faculty or School colours. FULL COLOUR It should be used at the top of a layout and span the entire width of the canvas. When a communication piece involves multiple Faculties, use the University colour bar (just as you would use the primary University logo). GRAYSCALE

Placement of the bar in layout can be found on page 36. Faculties

When creating small applications (e.g. social media profile icons) the black portion of the colour bar can be removed or the colour bar can be removed entirely for legibility reasons. APPLIED HEALTH SCIENCES See page 57 for examples.

Minimum sizes Recommended minimum sizes have been established in ARTS order to ensure their legibility in communication material. Ensure that the bar is never less than 5.5 millimeters (mm) or 20 pixels (px) high. ENGINEERING

5.5 MM/20 PX

Avoiding overuse ENVIRONMENT The colour bar should appear only in a communication piece one time — the very first instance (e.g. on a brochure cover or social media profile picture). Avoid repeating their use MATHEMATICS throughout a communication piece (e.g. throughout inside spreads or social media posts).

SCIENCE

Schools and Campuses SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 33 COLOUR BAR > IMPROPER USE

The following are examples of how the colour bar should not be used.

DO NOT USE THE COLOUR BAR MULTIPLE TIMES DO NOT FLIP THE COLOUR BAR. ON A SINGLE CANVAS.

TEXT HERE

DO NOT CHANGE THE PLACEMENT OF THE COLOUR BAR. DO NOT CHANGE THE ORDER OF THE COLOURS. DO NOT PLACE ELEMENTS OVER THE COLOUR BAR.

DO NOT ALTER THE THICKNESS OF THE COLOUR BAR. DO NOT ALTER THE NUMBER OF COLOURS. DO NOT MIX UNIVERSITY AND FACULTY COLOURS. UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 34

LAYOUT

SECTION 2: ELEMENTS AND PRINCIPLES SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 35 LAYOUT > STRATEGY

Our goal is to create a system that allows for flexibility within a framework. To achieve this, the layout for primary communication vehicles is structured as follows:

1) Anchored signifiers These are elements that show up consistently across applications in terms of their relationships to the layout or canvas — always in the same place. These elements include the Waterloo logo and lockups which always live at the bottom of the layout and the colour bar, which always lives at the top of the layout.

2) Evolving expressions These are elements that show up in different ways across applications. These elements include typography, imagery and colour, which can be used together in a variety of ways 2 1 within the layout. To allow our brand to adapt, the majority EVOLVING of the layout real estate is dedicated to evolving expressions. ANCHORED EXPRESSION SIGNIFIERS

Retired Design Elements Use of the graphical chevron and the Waterloo wordmark have been retired as part of this brand refinement. SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 36 LAYOUT > MARGIN, COLOUR BAR AND LOGO

To create a visual system with a consistent look, general VERTICAL CANVAS principles have been created as a starting point to help 3/4 X determine the sizing of margins, the colour bar and the logo X across all collateral. The bar should appear at the top of all layouts, while the logo should appear at the bottom, within the defined margins.

Sizing The canvas should be divided into 24 across its longest side to determine “x” (the minimum size of the margin).

The thickness of the colour bar should be 3/4x.

The size of the logo is determined by the height of the shield. For the horizontal logo and Faculty logos, it should be equal to 1. For the vertical logo, it should be equal to 1.25x.

X X X

X X

HORIZONTAL CANVAS

NOTE: THE SIZING IS BASED ON THE IDEAL CANVAS SIZE OF 8.5" X 11". IN SOME LAYOUTS, THE LOGO SIZE OR BAR THICKNESS MAY BECOME VISUALLY TOO LARGE OR TOO SMALL. IN THIS CASE, EITHER CAN BE RESIZED, IDEALLY PROPORTIONATE TO ONE ANOTHER, ENSURING THAT THEY X DON’T FALL BELOW THEIR DESIGNATED MINIMUM SIZES. SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 37 LAYOUT > LOGO SIZING

Sizing of the logo should go hand in hand with the thickness In scenarios where the colour bar may become too thick of the colour bar to create a unified look across collateral. relative to the size of the logo, the logo can be scaled up Ideally, if the logo is resized, the thickness of the colour bar independent of the bar, providing that it maintains a relative should change in proportion and vice versa. relationship to “x.” Minimum sizes for logos can be found on pages 10 and 11.

HORIZONTAL AND FACULTY LOCKUPS VERTICAL LOCKUP PLACEMENT CONSIDERATIONS

WHEN PLACING THE LOGO IN A LAYOUT WITH A WHITE BACKGROUND, TAKE NOTE OF THE WHITE BORDER SURROUNDING THE CREST. THE FULL HEIGHT OF THE LOGO (INCLUDING THE WHITE BORDER) CONSTITUTES ITS FULL HEIGHT.

X 1.25X

THE SIZE OF THE HORIZONTAL LOCKUP IS DETERMINED BY THE SIZE OF THE VERTICAL LOCKUP IS DETERMINED BY THE THE HEIGHT OF THE SHIELD. IT SHOULD BE EQUAL TO 1X. HEIGHT OF THE SHIELD. IT SHOULD BE EQUAL TO 1.25X. SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 38 LAYOUT > LOGO PLACEMENT

The logos should be placed at the bottom of all layouts, either The exception to this is in digital applications that involve on the left, centred or right, depending on the type of logo. scrolling. In these cases, the logos should live at the top Refer to the guidelines below for more details. of the layout below the colour bar. See pages 60, 83 and 84 for examples.

UNIVERSITY LOCKUP FACULTY LOCKUP CO-BRAND, PARTNER, AND SPONSOR LOCKUP

THE HORIZONTAL LOCKUP SHOULD REMAIN AT THE BOTTOM THE FACULTY LOCKUP SHOULD REMAIN AT THE BOTTOM OF THE CO-BRAND, PARTNER AND SPONSOR LOCKUP SHOULD OF ALL APPLICATIONS AND CAN EITHER BE PLACED ON ALL APPLICATIONS AND CAN EITHER BE PLACED ON THE LEFT REMAIN AT THE BOTTOM OF ALL APPLICATIONS AND CAN THE LEFT OR RIGHT SIDE. THE VERTICAL LOCKUP SHOULD OR RIGHT SIDE. EITHER BE PLACED ON THE LEFT OR RIGHT SIDE. REMAIN CENTRED AT THE BOTTOM OF ALL APPLICATIONS. EXCEPTIONS MAY APPLY (E.G. CERTAIN BANNERS). SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 39 LAYOUT > PRINT EXAMPLES

The following are examples of the layout principles adhering to some common canvas sizes.

8.5" X 11" COVER 11" X 17" POSTER 11" X 17" DOUBLE PAGE AD 33" X 88" BANNER

EXCEPTION: FOR DOUBLE-PAGE SPREADS, “X” SHOULD BE DETERMINED 8.5" X 4" POSTCARD BY THE HEIGHT OF THE INDIVIDUAL PAGE AS OPPOSED TO THE FULL WIDTH OF THE SPREAD.

NOTE: THE SCALE AND POSITIONING OF THE LOGO CAN ALTER FOR THIS APPLICATION. REFER TO PAGE 81 FOR MORE INFORMATION. SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 40 LAYOUT > WITHOUT BLEED

For instances where an application needs to be WITHOUT BACKGROUND WITH BACKGROUND printed without the use of bleed, refer to the following layout modifications. X X

X X

X X X

X X X X X X

WITHOUT A BACKGROUND, LOWER THE BAR AND MAINTAIN WITH A BACKGROUND (IMAGE OR COLOUR), LOWER THE BAR A 1X MARGIN AROUND THE ENTIRE CANVAS. THE MARGIN AND MAINTAIN A 1X MARGIN AROUND THE ENTIRE CANVAS, SHOULD ALIGN TO THE LEFT AND RIGHT OF THE BAR. WITH A 1X INSET MARGIN FOR THE TEXT AND LOGO. SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 41 LAYOUT > DIGITAL EXAMPLES

The following are examples of the layout principles, adhering 728 X 90 PX LEADERBOARD to some common digital ad sizes.

All of the examples shown use the minimum size of the colour bar and logo as their small size dictates.

Layouts with no fixed height 300 X 250 PX MEDIUM RECTANGLE 120 X 600 PX SKYSCRAPER 300 X 600 PX SKYSCRAPER For large-scale digital applications that have no fixed height (e.g. websites or newsletters), the logo should be placed at the top of the layout (below the colour bar) with the height of the colour bar at a fixed 36 pixels (px).

36 PX UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 42

IMAGE STYLE

SECTION 2: ELEMENTS AND PRINCIPLES SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 43 IMAGE STYLE > PRINCIPLES

Our image style consists of photography, generative renders, 1 – Avoid the generic 4 – Illustrate ideas and illustrations, which can live independently or in combination to create unique visuals. The following five principles apply to the image styles. The work we do is unique and important. Falling back on By virtue of studying the largest and smallest aspects of visual clichés undermines our unconventional approach our universe and pushing the boundaries of knowledge, and lacks specificity. photography can’t always capture our work. In these cases, illustration can be an effective communication tool. RULE OF THUMB: IF YOUR IMAGE LOOKS SIMILAR TO SOMETHING ON THE FIRST RULE OF THUMB: FEW PAGES OF AN IMAGE SEARCH FOR THE CONCEPT YOU FOCUS ON COMMUNICATING IDEAS OVER TECHNICAL DETAILS. ARE TRYING TO EXPRESS, IT ISN’T RIGHT FOR WATERLOO.

5 – Embrace the experimental 2 – Document the experience

Image-capture technology is constantly changing; there Photography is our most immediate tool for communicating is value in embracing new and experimental techniques, what it is like to be part of the University of Waterloo. such as 3D scanning, data interpretation, facial recognition, We should aim to capture an experience, not stage a shoot. and drones.

RULE OF THUMB: RULE OF THUMB: AVOID STAGED PHOTOS. MAKE THE VIEWER FEEL LIKE INCORPORATING CUTTING-EDGE IMAGE TECHNIQUES PART OF THE EXPERIENCE. CAN COMMUNICATE INNOVATION AS MUCH, OR MORE SO, AS CONTENT.

3 – Highlight impact

The work we do has significant impact on people’s lives. Our job is to help communicate not only the pure innovations and research, but more importantly, why they matter.

RULE OF THUMB: VISUALLY CAPTURE COMPELLING STORIES THAT HAVE MADE AN IMPACT IN THE WORLD. SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 44 IMAGE STYLE > PHOTOGRAPHY

Photography becomes the grounding anchor to balance out the exuberance of the brand’s other visual styles. SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 45 IMAGE STYLE > PHOTOGRAPHY (CONTINUED)

Capture authentic experience-based moments where the Show our work or output in context. The places we create are Capture moments that distinctly showcase true and realistic subjects appear to be engaged. as important as the places our work impacts. University experiences.

Avoid overly staged photos. They do not communicate the Avoid overly dramatic or enhanced photos. The work Avoid photos that portray unrealistic or inauthentic reality or excitement of the work we do. we do is interesting and important, and does not moments. Show people what it is really like at Waterloo. require embellishment. SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 46 IMAGE STYLE > PHOTOGRAPHY (CONTINUED)

Capture candid moments from a human perspective. The Use natural light to ensure the photo feels authentic. Embrace context with pulled-back shots that are in focus to photographer should feel like a participant, not an observer. Shooting at different times of day can give natural, bring clarity to the entire scene. atmospheric effects for visual interest.

Avoid dramatic angles and perspectives that separate the Avoid overly saturated or stylized filters (like Instagram’s) Avoid close-cropped shots with shallow depth of field that viewer from the scene. that lack consistency. Be aware of clothing choices for separate the subject from its context. international audiences. SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 47 IMAGE STYLE > PHOTOGRAPHY (CONTINUED)

Shoot buildings in a way that highlights their architectural Shoot moments before a grip-and-grin to capture genuine Feature University or affiliated logos in the background or on features and angles. When possible, feature people in the scene. smiles and interactions. apparel to make locations feel distinct to Waterloo.

Avoid overly dramatic photos of architecture that are devoid Avoid grip-and-grin photos that feel forced and don’t capture Avoid shots that have generic contexts. Images should be of people. the authenticity of the moment. distinctly Waterloo. SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 48 IMAGE STYLE > GENERATIVE RENDERS

Generative renders are visual manifestations of our innovative and experimental nature.

NOTE: GENERATIVE RENDERS ARE NOT INTENDED FOR ALL COMMUNICATIONS MATERIALS, BUT IN APPLICATIONS WHERE WE ARE DEMONSTRATING INVENTIVENESS, RESEARCH AND TRANSFORMATION. SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 49 IMAGE STYLE > GENERATIVE RENDERS (CONTINUED)

An algorithm developed at Waterloo can form the basis for Portraiture can be rendered using code, in this case using Organic forms created using code and the process of unexpected visuals, such as type that mimics cell growth. Voronoi tessellation. accretion can be used to create a similar yet diverse look and feel across multiple applications.

Avoid renders that are expected and literal. Whenever Avoid renders that are generic and uninspiring. Avoid renders that are dated and cliché. Look for possible, they should be based on specific research opportunities to make them distinct to Waterloo. at Waterloo.

SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 50 IMAGE STYLE > ILLUSTRATIONS [secondary cover copy] Disrupting health Cities of the future Workplace 2.0 Sci-Fi horror stories Navigating the intersections of science, technology and the human condition Illustrations allow us to communicate ideas or concepts beyond what we can photograph.

NOTE: THESE GUIDELINES ARE INTENDED FOR USE IN THE UNIVERSITYS MARKETING AND COMMUNICATIONS APPLICATIONS.

uwaterloo.ca/magazine SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 51 IMAGE STYLE > ILLUSTRATIONS (CONTINUED)

This illustration showing the connectivity and convenience This illustration depicting data theft from social networks This illustration about types of contagion in a financial crisis of a taxi app is visually captivating and conveys the conveys a story in an unexpected and accessible way. is thought-provoking and expressive. high-level idea.

Avoid illustrations that are devoid of meaning or are used Avoid illustrations that are too literal and generic. Avoid illustrations that are too technical or require deep purely as embellishment. Illustrations should be used to Illustrations may be appropriate for textbooks and lectures, technical knowledge. communicate ideas. but not for marketing and communications.

NOTE: SOME IMAGES SHOWN ARE EXAMPLES ONLY AND SHOULD NOT BE USED IN COMMUNICATIONS. SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 52 IMAGE STYLE > INFOGRAPHICS

Infographics are widely used across University collateral to showcase data and figures. General principles have been established for guidance.

1 – Type and hierarchy 2 – Colour 3 – Symbols

Use of hierarchy in infographics is important to guide Colour is an excellent way to bring life to an infographic. Symbols or icons should be used as a tool to display data in readers and bring clarity to the information. Data should be Use colour purposefully as a way to represent amounts of data. an intuitive way. Only use symbols in the right context and typeset in Bureau Grotesque at the largest point size, with Consider using the full spectrum of the University palette. if they help to communicate data effectively. subcopy set in Le Monde Livre and captions set in Typ1451. Use bold keylines to separate blocks of data. Avoid using symbols decoratively or without purpose.

$250M 65% Reported earnings by Waterloo co-op students 2014/2015 72% of students live on campus of University employees are female UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 53

SYMBOLS

SECTION 2: ELEMENTS AND PRINCIPLES SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 54 SYMBOLS

Symbols are available for download:

uwaterloo.ca/brand/visual-expression/image-style/symbols

A distinct style for symbols has been developed for consistency within the brand. The forms, line weight and rounded corners are inspired by Typ1451, providing unity between the type and icons.

General principles › Clarity › Consistency › Simplicity

Technical guidelines › Use a 32-square grid as the canvas. › The continuous stroke or outline of the icon should be one square thick › Negative space within symbols should not be smaller than one square thick › Stroke caps and corners should be rounded

NON-BINARY PERSON GLOBE ARROW

NOTE: IF NECESSARY, SYMBOLS CAN BE FILLED ON WAYFINDING APPLICATIONS FOR CLARITY. SEE PAGE 80 FOR AN EXAMPLE. UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 55

DIGITAL

SECTION 2: ELEMENTS AND PRINCIPLES SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 56 DIGITAL > APP ICONS

App icons use iconography that is inspired by one of the brand’s strongest signifiers: the colour bar. It’s important that icons feel visually consistent and a part of a set.

General principles › Keep it simple. › Make it relevant to the app itself. › Consistency is key.

Technical guidelines › Use a 32-pixel (px) square grid as the canvas. › Each icon should not go beyond 6 px from all edges. › The continuous stroke or outline of the icon should be two-pixels wide and evenly distributed into the four yellow colour blocks from the University palette. › Icons should look scaled evenly as a set. Depending on the overall proportion of the icon, carefully consider how it fills the content area. › Each icon should live on a black background.

Cross-faculty apps should use the University colours.

PORTAL WATSAFE INFO SESSION (FACULTY EXAMPLE)

Content area for icon

Edge of canvas

32-PX GRID SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 57 DIGITAL > SOCIAL MEDIA ELEMENTS

Profile icons UNIVERSITY, FACULTY AND SCHOOL AND CAMPUS PROFILE ICONS There are two types: a square and circle version. Both use a horizontal grid that is divided into 14 rows, with the logo filling the space between the fourth and twelfth row. For the square version, a single bar is used to fill the top row. For the circle version, as these are typically used at reduced scales (e.g. Instagram), the shield lives on its own without a colour bar above. For Faculties, the background can take on the Faculty’s primary colour.

Administrative units such as Human Resources should use the University version of the profile icons.

TWITTER EXAMPLE WITH PROFILE ICON AND COVER PHOTO

14-ROW GRID

Cover photos Cover photos should not include the graphic device (colour bar) at the top of the image when the square profile icon is used, as the scale of the two bars will be visually varied. When the circle profile icon is used, the colour bar can be used at the top of the cover photo.

NOTE: FOR EXAMPLES OF SOCIAL POSTS, SEE THE APPLICATION EXAMPLE ON PAGE 87. SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 58 DIGITAL > WEBSITE OVERVIEW > HEADER AND FOOTER

The following are examples of the header and footer for

Faculty and co-branded pages within the University of ADMISSIONS ABOUT FACULITIES & ACADEMICS OFFICES & SERVICES SUPPORT WATERLOO Waterloo website.

Logo lockups are treated in a consistent way across the ARTS website. If a Faculty is featured, the Faculty colours are used, and the name of the Faculty appears at the top of the page in the header. The Faculty lockup is used at the bottom PAS BUILDING, ROOM 2401 CONTACT ARTS FACULTY POSITIONS IN ARTS in the footer. Dean of Arts Oce: SUPPORT ARTS WEB SITE FEEDBACK Tel 519 888-4567 x 38246 VISIT ARTS Arts Undergraduate Oce: Tel 519 888-4567 x 35870 When a co-brand is featured, the same rules apply. However, the University palette should be used, and the dedicated space in the footer should be used for the co-brand’s logo. 200 University Avenue West CONTACT WATERLOO ACCESSIBILITY MEDIA Waterloo, ON, Canada N2l 3G1 MAPS AND DIRECTIONS PRIVACY EMPLOYMENT +1 519 888 4567 Ensure that the accessible colour palette is used in website WATSAFE COPYRIGHT FEEDBACK @uwaterloo social directory applications, as specified on pages 59-61.

For favicons, the crest of the University should be used for all FACULTY EXAMPLE University of Waterloo websites.

Logo and Colour Bar Sizing

Refer to the following specifications for logo and colour ADMISSIONS ABOUT FACULITIES & ACADEMICS OFFICES & SERVICES SUPPORT WATERLOO bar sizing across desktop, tablet and mobile. The colour bar height refers to the coloured portion. INSTITUTE FOR QUANTUM COMPUTING Desktop (1400 px width) - Logo height should be 43 px, and colour bar height should be 18 px.

PAS BUILDING, ROOM 2401 CONTACT ARTS FACULTY POSITIONS IN ARTS Tablet (1024 px width) - Logo height should be Dean of Arts Oce: SUPPORT ARTS WEB SITE FEEDBACK Tel 519 888-4567 x 38246 VISIT ARTS 40 px, and colour bar height should be 16 px. Arts Undergraduate Oce: Tel 519 888-4567 x 35870

Tablet (728 px width) - Logo height should be 35 px, and colour bar height should be 14 px. 200 University Avenue West CONTACT WATERLOO ACCESSIBILITY MEDIA Waterloo, ON, Canada N2l 3G1 MAPS AND DIRECTIONS PRIVACY EMPLOYMENT +1 519 888 4567 Mobile (320 px width) - Logo height should be WATSAFE COPYRIGHT FEEDBACK @uwaterloo social directory 30 px, and colour bar height should be 10 px.

CO-BRAND EXAMPLE SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 59 DIGITAL > ACCESSIBLE COLOURS

University Arts

Acceptable colours have been specified for digital P applications in order to meet the Web Content Accessibility Guidelines (WCAG) Level AA. Level AA requires a contrast ratio of 4.5:1 for normal text and 3:1 for large text (14 pixels >14 PT or larger). THIS VALUE HAS BEEN DARKENED. >14 PT The following pages show the different colour pairings R228 G180 B41 R0 G0 B0 R217 G63 B0 that can be used between text colour and background #E4B429 #000000 #D93F00 colour (or vice versa).

In web application, the primary colours for the Faculties P change to adapt to the accessibility requirements. The >14 PT primary colours become the darkest value in the top row, while the University palette continues to maintain its >14 PT original primary value (from the second row).

P R255 G213 B79 R120 G120 B120 R231 G129 B0 #FFD54F #787878 #E78100

PRIMARY COLOUR FOR WEB

R255 G234 B41 R162 G162 B162 R251 G175 B0 #FFEA3D #A2A2A2 #FBAF00

>14 PT >14 PT

R255 G255 B170 R223 G223 B223 R255 G213 B165 #FFFFAA #DFDFDF #FFD5A5 SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 60 DIGITAL > ACCESSIBLE COLOURS (CONTINUED)

Mathematics Engineering Science Applied Health Sciences Environment

P >14 PT P P P P

>14 PT THIS VALUE HAS BEEN >14 PT DARKENED.

R198 G0 B120 R87 G5 B139 R0 G51 B190 R0 G89 B99 R96 G112 B0 #C60078 #57058B #0033BE #005963 #607000

>14 PT

>14 PT >14 PT >14 PT

>14 PT >14 PT

>14 PT

R223 G36 B152 R129 G0 B180 R0 G115 B206 R0 G152 B169 R180 G100 B0 #DF2498 #8100B4 #0073CE #0098A5 #B4BE00

>14 PT >14 PT >14 PT

>14 PT

R255 G99 B170 R190 G51 B218 R99 G160 B255 R0 G190 B208 R190 G213 B0 #FF63AA #BE33DA #63A0FF #00BED0 #BED500

>14 PT

>14 PT >14 PT THIS VALUE HAS BEEN LIGHTENED.

R255 G190 B239 R208 G180 B239 R180 G213 B255 R151 G223 B239 R218 G245 B130 #FFBEEF #D0B4EF #B4D5FF #97DFEF #DAF582 SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 61 DIGITAL > ACCESSIBLE COLOURS (CONTINUED)

Schools and Campuses Renison University St. Jerome’s University St. Paul’s University Conrad Grebel College College University College

P >14 PT >14 PT

>14 PT

>14 PT >14 PT

R128 G0 B31 R0 G105 B60 R1 G87 B62 R135 G150 B55 R196 G38 B46 #80001F #00693C #01573E #879637 #C4262E

>14 PT

>14 PT >14 PT

R183 G18 B51 R222 G56 B49 R200 G138 B17 R88 G89 B40 #B71233 #DE3831 #C88A11 #000000

>14 PT

R228 G23 B64 R210 G194 B149 #E41740 #D2C295

>14 PT

R255 G165 B170 #FFA5AA UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 62

VIDEO

SECTION 2: ELEMENTS AND PRINCIPLES SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 63 VIDEO > OVERVIEW

Video guidelines provide support and resources to video BRANDED VIDEO EXAMPLE producers creating content about the University.

Here, you’ll find information on when, where and how to use the standard and paid media top, tail, watermark and lower third treatment to effectively brand video content.

To download templates to use in your video projects, visit: uwaterloo.ca/brand/resources/video

The approach to video should take inspiration from the image style guiding principles. Videos that use hard-coded text overlays as part of the storytelling should use Bureau Grotesque, or specified font alternatives.

The branded video example pictured to the right shows a video branded with the following elements:

› Paid media top › Lower third › Hard-coded text overlays › Tail › Call-to-action

Watch a branded video example on YouTube: youtube.com/watch?v=ciIkSvVW_JE

NOTES:

THESE GUIDELINES DO NOT APPLY TO VIDEOS PRODUCED BY FACULTY, STAFF OR STUDENTS AS PART OF ACADEMIC RESEARCH OR COURSEWORK.

VISIT support.google.com/youtube/answer/2734796?hl=en FOR INFORMATION ON HOW TO ADD VIDEO CAPTIONS AND VISIT support. google.com/youtube/answer/2734705?hl=en&ref_topic=3014331 FOR INFORMATION ON EDITING VIDEO CAPTIONS (REQUIRED BY ACCESSIBILITY FOR ONTARIANS WITH DISABILITIES ACT (AODA)). SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 64 VIDEOS > TOP AND TAIL

To download templates to use in your video projects, visit: uwaterloo.ca/brand/resources/video

For the opening and closing sequence of videos, the logo lives VIDEO PAID MEDIA TOP centred within the frame, with the bar anchored to the top as per the layout guidelines. As the logo is the central focus, its size has been increased. Refer to the sizing details to the right.

The frames are static and can use a black or white background.

Top

A top is the opening sequence of a video. A top is optional for content distributed via owned channels, such as a webpage or social media account, but can be effective when used in videos at live or streamed events to signal to the attendees that activities are about to begin.

A top is mandatory for content distributed via paid media.

Tail VIDEO TAIL VIDEO TAIL WITH CALL-TO-ACTION

A tail is the closing sequence of the video, and is mandatory 3/4X on all video content. The tail is comprised of the colour bar, logo and an optional call-to-action.

X SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 65 VIDEOS > WATERMARK

To download templates to use in your video projects, visit: uwaterloo.ca/brand/resources/video

The watermarked logo is optional, and should be the WATERMARK EXAMPLES University of Waterloo, or other approved logo, with transparency in the top-right corner. The watermarked logo should be the width of x, as per the layout strategy X shown to the right.

You may want to use a watermark for long form video content, such as public lectures.

X Ginny Dybenko EXECUTIVE DIRECTOR

3/4X WATERLOO STRATFORD CAMPUS

X SECTION 2: ELEMENTS AND PRINCIPLES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 66 VIDEOS > LOWER THIRD

To download templates to use in your video projects, visit: uwaterloo.ca/brand/resources/video

The lower third is a graphic overlay placed in the title-safe UNIVERSITY EXAMPLE lower area of the screen.

X Design Specifications

Name Bureau Grotesque Condensed Bold (or specified alternative), Title case, 75px for brand fonts, and 70px for alternative fonts, in white on a black semi-transparent bar.

Title Typ1451 (or specified alternative). 32px forbrand fonts, 30px for alternative fonts, in white, black or gold, text bars can be an primary colour from the colour palette, provided the combination meets X accessibility requirements. Ginny Dybenko EXECUTIVE DIRECTOR

3/4X WATERLOO STRATFORD CAMPUS

X UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 67

DESIGN APPLICATIONS

SECTION 3 UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 68

SECTION 3: DESIGN APPLICATIONS SECTION 3: DESIGN APPLICATIONS UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 69 PUBLICATIONS AND REPORTS

A reduced title that lives in the top Text and generative renders can left allows the feature image to take combine to create unexpected results. the spotlight.

University of Waterloo publications

The covers of publications are an opportunity to showcase the visual richness of our brand.

If you require assistance with developing a publication, submit an online requisition to Creative Services:

uwaterloo.ca/creative-services/send-online-requisition

Consider merging and layering different types of imagery to create more compelling visuals. Header text can live on its own layer and interact with the imagery.

University logo can live in the left or right based on what’s better suited for the layout and imagery.

COVER EXAMPLES

Secondary information example. SECTION 3: DESIGN APPLICATIONS UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 70 PUBLICATIONS AND REPORTS (CONTINUED)

University of Waterloo publications (continued)

The inside spreads of publications should be diverse and always changing, with layouts that bring the content to life in unique ways. Instead of using photography only, consider telling stories by using different imagery styles, like illustrations.

Combination of University and Faculty colour palettes.

For generic University communications, Faculty palettes can be used in addition to the University palette, providing two or more Faculty palettes are incorporated into a layout.

If the University communication is specific to a single faculty, then it is acceptable to use the University palette in conjunction with a single INSIDE SPREAD EXAMPLE Faculty palette.

Illustration visualizing the journey and discovery of artifacts of a shipwreck, combined with photography SECTION 3: DESIGN APPLICATIONS UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 71 PUBLICATIONS AND REPORTS (CONTINUED)

Faculty reports COVER EXAMPLES

To create a series of books or brochures, consider creating a consistent framework that allows for moments of flexibility. In the examples shown, the large, bold and consistently placed headlines become the anchor of consistency, while the distinctly different generative renders that interact with the type become the variables. The results are visually rich layouts that feel clearly part of a set.

If you require assistance with developing a report, submit an online requisition to Creative Services:

uwaterloo.ca/creative-services/send-online-requisition

The large and bold headlines become the constant element.

The generative renders become the When a Faculty logo is used, the imagery is variable element. reflective of that Faculty’s colour palette.

SIMPLIFIED BROCHURE TEMPLATES HAVE BEEN PROVIDED AS STARTING POINTS. SECTION 3: DESIGN APPLICATIONS UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 72 PUBLICATIONS AND REPORTS (CONTINUED)

Photography may be better suited for the tone of certain content.

Strategic research plan COVER EXAMPLES

More conventional layouts have a time and place, and may be better suited for certain content or audiences. In these cases, using photography with a more subdued title may be appropriate. More subdued titles can also work well to put the emphasis on the featured imagery.

If you require assistance with developing a strategic plan, submit an online requisition to Creative Services:

uwaterloo.ca/creative-services/send-online-requisition

The layout puts emphasis on the imagery: a generative render that mimics cell growth over time, changing from one edition to the next.

Captions can be used to explain the featured imagery.

When possible, experiment with unconventional page sizes. These unexpected proportions can help our communications stand out. SECTION 3: DESIGN APPLICATIONS UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 73 PUBLICATIONS AND REPORTS (CONTINUED)

Stewardship report A report on giving is an opportunity to showcase teaching and academic excellence at the University of Waterloo and inspire on-going support of the university.

If you require assistance with developing a stewardship report, submit an online requisition to Creative Services:

uwaterloo.ca/creative-services/send-online-requisition

Because the audience is already familiar with Waterloo, the environment colour palette has been used to distinguish this report. The full spectrum of environment colours have been used to bring content to life.

FRONT COVER

Photography should be specific to the University of Waterloo and relevant to your audience. These reports are an opportunity to communicate what sets Waterloo apart.

Consider interesting ways to crop photos and make layouts more dynamic. SECTION 3: DESIGN APPLICATIONS UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 74 PUBLICATIONS AND REPORTS (CONTINUED)

Writing anthology INSIDE PAGES

Get creative with typography. Three distinct typefaces give the University of Waterloo brand maximum flexibility for creating unique layouts. When photography options are limited, explore interesting type treatments to communicate meaning and bring your design to life. Use the full suite of typography to create interesting type treatments that communicate meaning and bring your design to life.

FRONT COVER

When possible, experiment with unconventional page sizes. These unexpected proportions can help our communications stand out.

Colour pages have been interspersed throughout this primarily black and white printed anthology in order to define sections and emphasize key content. Consider this as an option when you are working with a limited print budget. SECTION 3: DESIGN APPLICATIONS UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 75 BROCHURES

Recruitment Brochures INSIDE PAGES

At Waterloo, you’ll find yourself at the intersection of experience and education, where your story collides with world- class educators and resources. The Beyond Ideas sub-brand is directed specifically to a prospective student audience and conveys key points of intersection that make our stories unique; an experience that is only achievable at Waterloo.

If you require assistance with developing a brochure, BEYOND IDEAS submit an online requisition to Creative Services: Life at an intersection. uwaterloo.ca/creative-services/send-online-requisition Ideas start here — but there’s more to our story. Waterloo is a place where ideas are realized: therapies are developed, books are written, and mysteries are unearthed.

It’s where careers are launched and glass ceilings are RANKINGS 2 shattered. It’s where trailblazers and artists come together THE CITY 4 CO-OP 6 to shape the future. CAREER SUCCESS 8 STUDENT EXPERIENCE 10 This is a place of possibility. There are no wrong turns, just alternate BUSINESS AT WATERLOO 16 Look for a theme to carry through your routes. No matter which direction you go, you’re empowered by an inclusive community, immersed in bold technologies and research, CHOOSING A PROGRAM 18 and surrounded by inspiring debates. Take your talents to the workplace WATERLOO FACULTIES 20 Beyond Ideas is a sub-brand brochure and give your marketing material during co-op work terms or take advantage of extracurricular activities to PROGRAM DESCRIPTIONS 32 boost your résumé. Join a sports team or launch a business. This is your ADMISSION CHARTS 40 developed specifically for continuity. The Beyond Ideas sub-brand moment, your intersection, and your opportunity to go Beyond Ideas. HOW TO APPLY 46 We won’t define your path, but we’ll help you build one. FINANCES 47 undergraduate recruitment. conveys key points of intersection; Where will you go from here? CAMPUS MAP 48 Contact Creative Services for intersection is the theme that has been uwaterloo.ca/beyond-ideas more information. emphasized throughout these brochures. BEYOND IDEAS | 1

FRONT COVER

BEYOND ACADEMICS

UNIVERSITY OF WATERLOO Combination of University and Faculty CANADIAN ADMISSIONS 2018 colour palettes. MONA APPLIED HEALTH SCIENCES AMBASSADOR IMPROVE HEALTH STUDIES, CO-OP

During co-op work terms, Mona Faculty specific spreads are defined recommends getting plugged in with local recreational programs. throughout the Recruitment It has helped her to make connections LIVES in new cities while staying active and keeping up her volleyball skills. Faculty of Brochures with the Faculty specific To learn more about Mona, BEYOND visit our website. Applied Health Sciences colours that are used in conjunction

Want to make a difference that improves lives? Join this tight-knit community of with the University colour palette. students and professors dedicated to preventing disease, healing injuries, and optimizing the quality of life for people around the world. In Applied Health Sciences (AHS), you’ll learn relevant skills and concepts to prepare you for medical school, professional and graduate programs, or careers in health and leisure. Graduate with a degree that will help you improve lives and leave a lasting legacy.

ENTRY PROGRAMS AND MAJORS IDEAS Learn more about AHS entry programs and majors on pages 32 to 39, or go online to download an AHS brochure.

› Health Studies of Health Studies and Kinesiology graduates go on to professional › Kinesiology #BEYONDIDEAS 56% or graduate school › Public Health To visually represent key points of Waterloo’s world-class co-op program gives Mona › Recreation and Leisure Studies ■ the professional experience and industry exposure of AHS grads are employed or pursuing further Recreation and Leisure Studies ■ she needs to understand the work force, and education within one year of graduating Recreation and Sport Business intersection and emphasize the theme, make informed decisions about her future. She’s 95% ■ Therapeutic Recreation ■ held different jobs that let her put her Faculty of Tourism Development Applied Health Sciences degree to work, helping for Hospitality and Leisure Management You can focus your studies through her to see which industry and work environment an intersection graphic and story in Canada (2017 QS World University Rankings) specializations starting in second year. she likes best. #1 box has been used throughout the recruitment brochures. uwaterloo.ca/future/ahs 20 | UNIVERSITY OF WATERLOO WATERLOO FACULTIES | 21 SECTION 3: DESIGN APPLICATIONS UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 76 BROCHURES (CONTINUED)

Pamphlets

If you require assistance with developing a custom pamphlets, submit an online requisition to Creative Services:

uwaterloo.ca/creative-services/send-online-requisition

When possible, experiment with Because the audience is already familiar with Data points have been used to guide unconventional page sizes. These Waterloo, the science colour palette has been the reader and organize information. unexpected proportions can help our used to distinguish this brochure. The full Bold keylines are used to separate communications stand out. spectrum of science colours have been used to blocks of data. define content and bring infographics to life.

“[WATERLOO REGION CANADA’S MOST HAS] THE BEST SCI is a global collaboration hub INNOVATIVE COMBINATION OF A GREAT university for 25 Waterloo SHAPING THE FUTURE SCIENCE CENTRE FOR with physical nodes in Waterloo and INNOVATIVE consecutive years RESEARCH UNIVERSITY, Science THROUGH DISCOVERY GREAT CULTURE OF internationally in Hong Kong, China Canadian university ENTREPRENEURSHIP… INNOVATION (SCI) with continental partnerships, and The physical building which for venture-backed Innovative [AND] THE WORLD’S capital enterprises will headquarter SCI is Discovering Disruptive Solutions virtual satellites worldwide. Disruptive Innovation occurs #1 BEST INCUBATOR going to be added to the at the interface of academic through Global Collaboration companies generated Science Teaching Complex AND ACCELERATOR disciplines. The University of 25+ from Velocity Science and situated where the INFRASTRUCTURE” Waterloo is recognized as a INTERDISCIPLINARY greenhouse currently exists. global leader anchoring one of WATERLOO – STEVE BLANK Velocity: world’s the world’s foremost innovation Silicon Valley entrepreneur It will be , sq. ft. with ecosystems. Innovation is in our LARGEST SCIENCE DNA and we fuel success by , sq. ft. of research space. Research free startup incubator Central to the design is nurturing innovators, inventors, Today’s problems are complex and many , sq. ft. dedicated to 28 SCIENCE RESEARCH risk-takers and global thinkers. perspectives are needed to ﬁ nd a sustainable patents managed Velocity Science, plus PARTNERSHIP AGREEMENTS solution. SCI will be a supercluster of global International Interdisciplinary by the Waterloo additional space for the IN 13 COUNTRIES thinkers, creators, scientists and inventors $90M+ Commercialization Office 275 Federal funding Science and Business program. Re who will move society and the world in Quantum new industrial collaborators with forward through science. This diverse and Technologies and Faculty of Science researchers collaborative atmosphere will accelerate Instrumentation spaces will 77 Global Water Solutions include an integrated high Entrepreneurship scientiﬁ c discovery and facilitate the transfer of knowledge into practice. throughput screening and internationally $500M IN CAPITAL analysis system, free electron 12 recognized centres laser, environmental particle RAISED TO DATE BY and institutes VELOCITY COMPANIES INTERNATIONAL analysis laboratory and En biochemical and structural 3 biology laboratories. 285+ world-class Experiential academic and 24 research institutes — Canada Excellence It will also be home to leading research agreements Science 2+2 Institute for Quantum 2 Research Chairs with international partners Computing (IQC), Water research groups and centres partners Institute (WI) and “WHAT’S HAPPENING HERE IN “THIS UNIVERSITY [WATERLOO] such as the Ecohydrology $2.6B Waterloo Institute for graduate per year in WATERLOO IS TRULY SPECIAL — IS ABSOLUTELY WORLD-CLASS.” Research Group. Nanotechnology (WIN) specializations — Global economic impact A DEDICATION TO THE KIND OF DEEP, Collaborative – CHRIS HADFIELD Nanotechnology FUNDAMENTAL SCIENCE THAT WILL Ex of undergraduate Waterloo’s unique ecosystem of research institutes, International Space Station WORLD’S programs are Program, Quantum BENEFIT GENERATIONS TO COME.” Commander for Expedition 35 LARGEST CO-OP accelerator centres, universities and entrepreneurs 72% interdisciplinary Information and 100+ 3 Collaborative PROGRAM WITH is uniquely and perfectly poised to attract world- – PROF. STEPHEN HAWKING student exchange Water Program Gl class talent. SCI will be an interdisciplinary hub and study abroad 6,700 PARTNERSHIPS of international experts working together to agreements worldwide EMPLOYERS WITH address pressing global issues and providing UNIVERSITY OF WATERLOO solutions for the world’s immediate technological 200 UNIVERSITY AVENUE WEST, needs like ocular health, microbial biology, WATERLOO, ON, CANADA N2L 3G1 53 metagenomics and clean water. 138% COUNTRIES increase in international undergraduate 14.3% students; 89.9% increase in international overall international student graduate students in Science in 5 years population in Science PLEASE RECYCLE C012940 RECYCLE PLEASE SECTION 3: DESIGN APPLICATIONS UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 77 PRINT ADS

The following example depicts a non-bleeding print ad. SAMPLE NEWSPAPER AD

For print ads with full bleed, the bottom half of the colour bar should be positioned within the live area. The top half of the colour bar (the black portion) will be positioned outside of the live area and bleed as per the specifications from the respective publication. THE 2017 HAGEY LECTURE WEDNESDAY Advertisement design MAR To request a new ad design, submit an online requisition MEMORY AND to Creative Services: 22 uwaterloo.ca/creative-services/send-online-requisition THE AGING BRAIN

Over the past half-century, many myths about the aging brain have been shattered. Researchers have moved away from viewing the brain as an organ of passive deterioration and are realizing that it is capable of remarkable adaptation. DR. CAROL BARNES UNIVERSITY OF ARIZONA Renowned neuroscientist Dr. Carol Barnes will discuss how memory and the brain change during normal aging, and some of the current thinking about how to optimize brain and mental functions throughout life.

WHEN WHERE 8:00 p.m. Humanities Theatre Wednesday, March 22, 2017 J.G. Hagey Hall of the Humanities Doors open at 7:30 p.m. University of Waterloo

Student colloquium 10-11:30 a.m. | Thursday, March 23, 2017 | LHI 1621

Register today uwaterloo.ca/hagey-lectures PLEASE RECYCLE C012355 RECYCLE PLEASE SECTION 3: DESIGN APPLICATIONS UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 78 POSTERS

Consider new ways to showcase people beyond the conventional headshot photo.

We can be creative by applying the elements of the brand in different ways, creating compelling and unique posters. Use the following examples as inspiration.

Custom poster design

If you require assistance creating a custom poster design, submit an online requisition to Creative Services:

uwaterloo.ca/creative-services/send-online-requisition

This purely centred layout (including the vertical logo) with an arresting image gives the poster a simple and compelling look that effectively conveys the message.

This poster uses the more formal serif typeface (Le Monde Livre) as a headline alongside the more contemporary visual. SECTION 3: DESIGN APPLICATIONS UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 79 TEMPORARY SIGNAGE AND WAYFINDING

This is an example of the application of temporary event 24"X18" signage. For University-branded materials, the same layout can apply with the event logo removed.

Primary information can live left-aligned in title case Bureau Need help preparing artwork? Grotesque. Type size is dependent Volunteer Tent Submit an online requisition to Creative Services detailing on the amount of information. your requirements: Access for Secondary information can live in title case Bureau Grotesque below uwaterloo.ca/creative-services/send-online-requisition Volunteers Only the primary information. It should be half the point size of the primary information.

The University logo, partnership or co-brand lockups can live at the bottom.

24"X24"

Symbols can be used on signage to provide directional assistance. Parking For wayfinding applications, symbols can be filled in to provide maximum visibility when viewed at a distance. 2017 Fall Open House SECTION 3: DESIGN APPLICATIONS UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 80 PROMO AND RETAIL ITEMS

The following are a few examples of how our brand can live across promotional and retail items.

If there are print limitations (e.g. printable area, no bleed) the logo can be used without the colour bar.

NOTE: GUIDELINES FOR RETAIL ITEMS INCLUDING APPAREL AND SWAG ARE IN DEVELOPMENT. SECTION 3: DESIGN APPLICATIONS UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 81 ZAP BANNERS

Banners are an exception where the Faculty example. logo can be placed at the top of a layout for visibility.

The following examples use different imagery styles, with alternating headline and logo placement.

Banner design FACULTY OF To request a new banner design or display graphic, submit an online requisition to Creative Services: SCIENCE

SUBHEAD HERE uwaterloo.ca/creative-services/send-online-requisition

SUSTAINABILITY OFFICE

uwaterloo.ca/sustainability

@uwsustainable

UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 82

DIGITAL

SECTION 3: DESIGN APPLICATIONS SECTION 3: DESIGN APPLICATIONS UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 83 PRESENTATIONS

Institutional PowerPoint SAMPLE SLIDES

The new institutional deck reflects Waterloo’s refined look and feel, along with updated facts and messaging throughout. Reflecting all of Waterloo’s core strengths and differentiators, the institutional deck can be used in full or customized to your audience and needs.

To download the institutional PowerPoint deck, visit:

uwaterloo.ca/university-communications/ integrated-communications/central-publications SECTION 3: DESIGN APPLICATIONS UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 84 WEBSITES

UNIVERSITY HOMEPAGE FDSU HOMEPAGE

ADMISSIONS ABOUT FACULITIES & ACADEMICS OFFICES & SERVICES SUPPORT WATERLOO ADMISSIONS ABOUT FACULITIES & ACADEMICS OFFICES & SERVICES SUPPORT WATERLOO

ARTS

Fall Orientation: Welcome to Waterloo New partnership enables Centre for Mental Health Research to provide aeroo eier a ore oie rieaio eeriee i ear o e reae a iie oi or e e service to local veterans a eae i rage o ea ea are or e oa oi i a eiaie ae VIDEO e erie or eera eer o e aaia re ore a

Arts home Innovative Arts About Arts FUTURE STUDENTS CURRENT STUDENTS FACULTY STAFF ALUMNI EMPLOYERS eoe o aeroo r e o iere Our people a a aaa o ioaie ieri Strategic plan We are a vibrant community of students, faculty and sta dedicated to a broad range of ﬁelds in the humanities, social sciences and creative arts. The driving force behind our teaching, research, and outreach is a deep commitment to Departs | Schools | Programs curiosity, creativity, and the desire to contribute to a better world.

Teaching | Learning

Research

Resources | Services

News

Events High school students Graduate studies Read our blogs ear ore ao or ergaae ore a aer rogra e ogger oer iig o ie a rogra aeroo

MORE FOR FUTURE STUDENTS MORE FOR FUTURE STUDENTS

WATERLOO TODAY NEWS BLOG EVENTS

JULY 11, 2016

Professor François Paré receives honorary doctorate from Université Laval A GLOBAL COMMUNITY e a o r i er ro o aoe a roeor raoi ar ieri roeor re ie reeie a oorar oorae ro e ieri aa o e or i areer a a eaig #1 in Canada 160,900 igre i e raooe oiie o e eria a eo or graae eoaii JULY 11, 2016 ai i orie Professor François Paré receives honorary doctorate from Université Laval e a o r i er ro o aoe a roeor raoi ar ieri roeor re ie reeie a oorar oorae ro e ieri aa o e or i areer a a eaig igre i e raooe oiie o e eria a eo

ALL NEWS

NEWS BLOG EVENTS

University Choir JULY i o o a eae i a oaoraie ieraie erorae i ii e ea 23 gaoa e Goo eare oe iger 10:30 A.M. - 2:00 P.M.

University Choir oe iio ae oo o e ieri o aeroo a a grea ore o JULY riia i a riia iea e i a ig ieea aar o ore i ae i o o a eae i a oaoraie ieraie erorae i ii e ea erereeri ieri i i iieie igreie 23 gaoa e Goo eare oe iger JUSTIN TRUDEAU, PRIME MINISTER OF CANADA 10:30 A.M. - 2:00 P.M.

JULY University Choir i o o a eae i a oaoraie ieraie erorae i ii e ea 23 gaoa e Goo eare oe iger 10:30 A.M. - 2:00 P.M.

NEWS > More News ALL EVENTS

SEPT 8, 2016 SEPT 6, 2016 SEPT 4, 2016 ALLALL EVENTS EVENTS

E-cigarette policy impact study $2.3 million for early career University of Waterloo appoints awarded $8 million researchers and infrastructure vice-president, advancement eearer a e ieri o aeroo ae eoe reearer a e ieri o a oae oeer ae iereie VISIT VISIT ee aare a gra o iio ro e eroo i reeie iio ro e roiia aaee eeie aar oeer aioa aer ie o goere o i ario oegeae i rre aoiae ea aaee a ARTS HeForShe ARTS HeForShe eaae e iea ia o goere eoo i aeroo egio ai reaio a oiie o regae oao ro

IN THE MEDIA NEWS RELEASE NEWS RELEASE TOP SHARE

PAS BUILDING, ROOM 2401 CONTACT ARTS FACULTY POSITIONS IN ARTS Dean of Arts Office: SUPPORT ARTS WEB SITE FEEDBACK Tel 519 888-4567 x 38246 Arts Undergraduate Office: VISIT ARTS Tel 519 888-4567 x 35870 EVENTS > More Events

Waterloo Innovation Summit Doors Open Waterloo Region SEPT SEPT OCT Waterloo Science Outreach at Discovery Square 10:30 A.M. - 6:00 P.M. 10:30 A.M. - 5:00 P.M. 200 University Avenue West CONTACT WATERLOO ACCESSIBILITY MEDIA 15 17 Waterloo, ON, Canada N2l 3G1 4 10:30 A.M. - 11:30 A.M. MAPS AND DIRECTIONS PRIVACY EMPLOYMENT +1 519 888 4567 WATSAFE COPYRIGHT FEEDBACK @uwaterloo social directory

SCIENCE, TECHNOLOGY, ENGINEERING AND MATH REGISTER TO ATTEND NOVEMBER 2, 2016 STEM FOR GIRLS PRESIDENT’S TOWN HALL

READ THE LATEST ISSUE OF GET YOUR SCHEDULE WATERLOO MAGAZINE ORIENTATION

TOP SHARE

200 University Avenue West CONTACT WATERLOO ACCESSIBILITY MEDIA Waterloo, ON, Canada N2l 3G1 MAPS AND DIRECTIONS PRIVACY EMPLOYMENT +1 519 888 4567 WATSAFE COPYRIGHT FEEDBACK @uwaterloo social directory SECTION 3: DESIGN APPLICATIONS UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 85 DIGITAL ADS

Digital ads should be concise and easy to read, eye-catching and relevant to your audience. The following examples depict various sizes of digital ads.

300 X 250 PX 300 X 600 PX

Learn more about BEYOND supporting the next BEYOND generation of ambitious Earning a thinkers and curious Wishful entrepreneurs. Scholarship Thinking

728 X 90 PX

NOTE: URLS SHOULD ONLY BE USED WHEN ADS CAN’T BE CLICKED (E.G. NON-INTERACTIVE DIGITAL SCREENS). SECTION 3: DESIGN APPLICATIONS UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 86 DIGITAL SCREENS

When creating digital screen content, please keep in mind the following best practices for optimal impact and success to communicate your message.

› Use modern, simple images that reflect your message

› Use only a few important and meaningful words for your text

› Avoid text heavy areas and subtext — the screens are looped for only a few seconds at a time; too much text lacks focus, impact and is less meaningful and memorable to the viewer

› QR codes or scanable links are ineffective for the above reason, as well as the screens are often too far away to scan properly

Need help preparing artwork for a digital screen? Submit an online requisition to Creative Services:

uwaterloo.ca/creative-services/send-online-requisition

Impact is created with highly visual artwork that incorporates simple imagery to supports the key message.

A short, bold call to action or URL is used to direct the audience to easily obtain more information. SECTION 3: DESIGN APPLICATIONS UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 87 SOCIAL MEDIA POSTS

University of Waterloo social channels should use EXAMPLE TWITTER ACCOUNT BRANDING EXAMPLE INSTAGRAM ACCOUNT BRANDING consistent avatars and styles of image posts.

Avatars and image posts can use the university or faculty colours, as appropriate. The colour bar should only be used once on a social Image posts and photography shared media account. In this example, because the avatar via social media accounts should not The colour bar, one of our key design elements, need only contains the colour bar, the cover photo does not. include the colour bar or university logo. appear once on an account. For example, if you use the square avatar with colour bar, do not add a colour bar to your cover photo. Similarly, image posts and photography shared via social media accounts do not need to use the colour bar, or logo.

NOTE:

SOCIAL MEDIA POSTS DO NOT USE THE COLOUR BAR OR LOGO.

USING A HASHTAG IN THE IMAGE IS OPTIONAL. CONTENT AND VISUAL APPLICATION OF THE BRAND IS FLEXIBLE. UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 88

TEMPLATES

SECTION 4 SECTION 4: TEMPLATES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 89 OVERVIEW

Purpose Custom designs

For projects with extremely tight timelines or when a customized Using templates is not always the best method of communicating creative approach is not required, a series of templates have been your message. The Creative Services team is prepared to deliver developed. These templates have been made available so that you high quality messaging in any format, from a brochure to can leverage creative materials that align with the University of a multi-piece campaign. Waterloo Visual Identity Guidelines and quickly produce marketing Creative Services has a streamlined approach to delivery of materials that communicate a professional image. such services as print design, video production, photographic management, illustrations, animation and web enhancements. We offer: Resources

Unique perspective To find the latest University of Waterloo brand resources and downloads that will help you tell the Waterloo story, please visit: As a part of the University of Waterloo, Creative Services has uwaterloo.ca/brand/resources a comprehensive perspective on the Waterloo story — the campus, the people, the University’s goals, its departmental objectives Samples of the design templates that have been prepared to date and the importance of the University’s messaging to the world. are shown on the following pages. Efficient, effective service Can’t find what you’re looking for? If you regularly produce marketing materials within your faculty A suite of tools, including a strategic brief document, revised online or department that would benefit from a custom-designed requisition and updated “how-to” PDFs, will streamline and clarify template that is not currently available, contact Creative Services. the ordering process.

uwaterloo.ca/creative-services Identity guidelines expertise

A thorough understanding of strategic needs as outlined in the strategic brief document and mastery of the Waterloo Brand Guidelines ensure clear and consistent messaging.

To request a custom design, contact Creative Services and submit an online requisition detailing your project.

uwaterloo.ca/creative-services/send-online-requisition UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 90

SECTION 4: TEMPLATES SECTION 4: TEMPLATES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 91 BROCHURES

Use brochure templates to help share information about FRONT COVERS BACK COVERS a specific offering, initiative or achievement.

Branded templates are available in Adobe InDesign using brand and alternative fonts. These files are set-up in the INSERT INSERT University of Waterloo theme, but also include master pages and colour palettes specific to schools and faculties. BROCHURE BROCHURE Toggle between themes using the Pages palette. TITLE TITLE To download template files, visit: Insert Subtitle Here Insert Subtitle Here uwaterloo.ca/brand/resources/brochures

Cover Option 1A Cover Option 1B INSERT BACKGROUND INSERT BACKGROUND IMAGE HERE IMAGE HERE

UNIVERSITY OF WATERLOO 200 UNIVERSITY AVE. W., WATERLOO, ON, CANADA N2L 3G1

uwaterloo.ca

INSERT CAPTION (1 LINE ONLY) INSERT CAPTION (1 LINE ONLY)

Lorem ipsum dolor sit amet, consectetur adipiscing Lorem ipsum dolor sit amet, consectetur adipiscing elit. In in dictum lacus. Mauris egestas, massa id elit. In in dictum lacus. Mauris egestas, massa id rhoncus ullamcorper, turpis nunc consectetu. rhoncus ullamcorper, turpis nunc consectetu. PLEASE RECYCLE TEMPLATE 001 TEMPLATE RECYCLE PLEASE

Insert Brochure Insert Brochure Title Here Title Here

Cover Option 2A INSERT BACKGROUND IMAGE HERE Cover Option 2B INSERT BACKGROUND IMAGE HERE

UNIVERSITY OF WATERLOO 200 UNIVERSITY AVE. W., WATERLOO, ON, CANADA N2L 3G1

uwaterloo.ca

INSERT CAPTION (1 LINE ONLY) INSERT CAPTION (1 LINE ONLY)

To download template files, visit:

uwaterloo.ca/brand/resources/brochures

INSIDE SPREADS

INSERT TITLE “LOREM IPSUM DOLOR INSERT TITLE HERE SIT AMET, CONSECTETUR HERE ADIPISCING ELIT, Insert Subtitle Here sed do eiusmod tempor incididunt ut labore et INSERT AUTHOR NAME INSERT dolore magna aliqua. Ut enim ad minim veniam, Insert Subtitle Here quis nostrud exercitation ullamco laboris nisi ut

INSERT AUTHOR NAME aliquip ex ea commodo consequat.”

NAME LASTNAME TITE DEPARTMENT COMPAN NAME

Lorem ipsum dolor sit amet, consectetur Nunc vel mi non nisl fringilla malesuada. risus tempor et. Cras dignissim blandit HEADLINE adipiscing elit. Nam lacus justo, e citur ut Pellentesque habitant morbi tristique ipsum id interdum. Curabitur convallis ex vitae, euismod rhoncus ex. Pellentesque senectus et netus et malesuada fames ac urna sed orci egestas, sed tincidunt nibh vulputate, arcu at imperdiet auctor, mauris turpis egestas. Sed leo magna, tempus condimentum. Donec quam erat, gravida Lorem ipsum dolor sit amet, consectetur adipiscing ante ultrices turpis, ut eleifend urna magna quis dolor sed, congue egestas mauris. commodo risus ut, egestas scelerisque elit, sed do eiusmod tempor incididunt ut labore et id ex. Nunc est elit, sagittis ac arcu vel, Curabitur vestibulum ultricies urna, sed ligula. Ut et augue tellus. Nulla facilisi. cursus hendrerit purus. Nunc ac odio nunc. euismod nunc ullamcorper eu. Vestibulum Lorem ipsum dolor sit amet, consectetur dolore magna aliqua. Ut enim ad minim veniam, quis Vestibulum condimentum velit mauris, sit mauris velit, viverra quis dignissim non, adipiscing elit. Nullam luctus e citur diam amet eleifend neque aliquet at. Etiam elit venenatis in diam. Pellentesque malesuada sit amet feugiat. Nullam sed dui eleifend, INSERT BACKGROUND nostrud exercitation ullamco laboris nisi ut aliquip INSERT BACKGROUND IMAGE HERE IMAGE HERE sem, cursus vitae lorem sit amet, hendrerit magna vitae diam suscipit tempor. lobortis nisl id, malesuada nulla. ex ea commodo consequat. Duis aute irure dolor in fermentum metus. Proin mollis tortor Suspendisse volutpat semper lacus vitae Sample subheading reprehenderit in voluptate velit esse cillum dolore. in malesuada feugiat. Sed pellentesque eleifend. Nullam aliquam urna non augue tortor vel cursus tristique. Nullam eget interdum aliquet. Duis posuere pulvinar Ut iaculis, nisl eget sagittis ultricies, massa sodales risus. Praesent blandit quis sapien augue non dictum. Nullam tincidunt, odio felis scelerisque ex, ornare scelerisque tellus Sample ulleted ist non euismod. Suspendisse potenti. Sed vitae tempor maximus, est ligula aliquam est ac libero. Proin sit amet quam elit. venenatis justo nibh, nec imperdiet ligula neque, quis aliquet lacus neque nec enim. Mauris sed odio bibendum tortor varius › Fusce cursus metus sed leo consectetur convallis. Curabitur cursus, sollicitudin et. Suspendisse et erat luctus, placerat neque semper. Sed tempus metus ac lacinia luctus. diam vulputate iaculis sodales, mi tortor cursus magna, ut auctor sed, mattis mi. Duis posuere eleifend nulla Sed auctor hendrerit ullamcorper. Class elit nunc eu nibh Sample subheading ut ullamcorper. Sed commodo vitae quam aptent taciti sociosqu ad litora torquent per › Cum sociis natoque penatibus et magnis dis parturient montes, Fusce cursus metus sed leo consectetur id luctus. Nunc diam ex, rhoncus eget conubia nostra, per inceptos himenaeos. nascetur ridiculus mus. Duis consequat fermentum turpis, non convallis. Curabitur cursus, diam vulputate vulputate eu, gravida quis ipsum. Etiam Curabitur feugiat urna nec elementum rutrum urna tincidunt id iaculis sodales, mi tortor cursus magna, quis hendrerit purus, et cursus turpis. egestas. Curabitur sed justo et nibh volutpat ut auctor elit nunc eu nibh. Cum sociis venenatis. Morbi luctus, felis sit amet › Etiam id lorem vitae erat rhoncus interdum. Nunc quis dui at Sample subheading natoque penatibus et magnis dis parturient interdum lacinia, nisi lectus bibendum tellus pulvinar vehicula montes, nascetur ridiculus mus. Duis Suspendisse porta, dolor in mollis porttitor, nibh, scelerisque venenatis metus quam sed › Duis consequat ultricies accumsan. Mauris eu blandit tellus. consequat fermentum turpis, non rutrum lectus nulla feugiat velit, in euismod velit nunc. Donec vitae pharetra tellus. Quisque Donec a fermentum nisl, vitae suscipit turpis. Donec non tempus urna tincidunt id. Etiam id lorem vitae erat est at ligula. Nullam sagittis consequat commodo quis nunc nec varius. Vivamus augue. Vivamus sollicitudin, justo id placerat dapibus, orci purus rhoncus interdum. Nunc quis dui at tellus purus ut scelerisque. Quisque ligula eleifend dolor in quam suscipit, non varius fermentum urna, sed sagittis augue urna eget ex pulvinar vehicula. Duis consequat ultricies mi, condimentum id lectus ac, sodales turpis rhoncus. Nunc ut sodales ante. accumsan. Mauris eu blandit tellus. Donec interdum lectus. Fusce est libero, e citur Vivamus commodo imperdiet lectus in › Vivamus laoreet, odio eget rutrum suscipit, augue risus faucibus a fermentum nisl, vitae suscipit turpis. vitae interdum at, vehicula quis mauris. volutpat mattis non augue. odio, faucibus lacinia turpis tellus in magna Donec non tempus augue, vehicula quis. Maecenas mattis dolor lectus, sed lacinia INSERT CAPTION (1 LINE ONLY)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In in dictum lacus. Mauris egestas, massa id rhoncus ullamcorper, turpis nunc consectetu. 3 5

PHOTO CAPTION Top Left: Lorem Sample Chart – Title Here ipsum dolor sit amet, consectetur adipiscing INSERT IMAGE INSERT IMAGE elit nam. INSERT TITLE CHART HEADER HEADER HEADER INSERT TITLE HERE

XXXX-XXXX Lorem ipsum dolar sit amet Turpis ut eleifend urna a magna XXX,XXX PHOTO CAPTION Top Right: Lorem XXXX-XXXX Nam lacu justo Henderit purus arcu vel cursus XXX,XXX HERE Insert Subtitle Here ipsum dolor sit amet, XXXX-XXXX Urna magna id ex nunc est elit Sociis natoque penatibus et magnis XXX,XXX consecteadipiscing. INSERT AUTHOR NAME Subtotal XXXXXX PHOTO CAPTION Insert Subtitle Here Total $XXX,XXX Bottom Left: Lorem ipsum di dolor sit amet, INSERT AUTHOR NAME Insert footnotes here. consectetur. INSERT IMAGE INSERT IMAGE X,XXX PHOTO CAPTION Bottom Right: Lorem SAMPLE INFOGRAPHIC ipsum dolor sit amet, TOUCHPOINT SHOWN HERE consectetur adipiscing.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non, venenatis in diam. Pellentesque malesuada magna vitae diam tellus. Quisque commodo quis nunc nec varius. Vivamus eleifend maximus, est ligula aliquam neque, quis aliquet lacus neque nec Lorem ipsum dolor sit amet, adipiscing Lorem ipsum dolor sit amet, adipiscing Lorem ipsum dolor sit amet, adipiscing lacus justo, e citur ut ex vitae, euismod rhoncus ex. Pellentesque suscipit tempor. Suspendisse volutpat semper lacus vitae eleifend. dolor in quam suscipit, non varius turpis rhoncus. Nunc ut sodales enim. Suspendisse et erat luctus, placerat neque sed, mattis mi. Duis elit. Nam lacus justo, e citur ut ex elit. Nam lacus justo, e citur ut ex elit. Nam lacus justo, e citur ut ex vulputate, arcu at imperdiet auctor, mauris ante ultrices turpis, ut Nullam aliquam urna non augue interdum aliquet. Duis posuere ante. Vivamus commodo imperdiet lectus in volutpat. Phasellus posuere eleifend nulla ut ullamcorper. Sed commodo vitae quam vitae, euismod rhoncus ex. Pellentesque vitae, euismod rhoncus ex. Pellentesque vitae, euismod rhoncus ex. Pellentesque eleifend urna magna id ex. Nunc est elit, sagittis ac arcu vel, cursus pulvinar augue non dictum. Nullam tincidunt, odio vitae tempor consectetur odio vel erat commodo eleifend. Lorem ipsum dolor id luctus. Nunc diam ex, rhoncus eget vulputate eu, gravida quis vulputate, arcu at imperdiet auctor, vulputate, arcu at imperdiet auctor, vulputate, arcu at imperdiet auctor, hendrerit purus. Nunc ac odio nunc. Vestibulum condimentum maximus, est ligula aliquam neque, quis aliquet lacus neque nec sit amet, consectetur adipiscing elit. Nam lacus justo, e citur ipsum. Etiam quis hendrerit purus, et cursus turpis. INSERT IMAGE mauris ante ultrices turpis, ut eleifend INSERT IMAGE mauris ante ultrices turpis, ut eleifend INSERT IMAGE mauris ante ultrices turpis, ut eleifend velit mauris, sit amet eleifend neque aliquet at. Etiam elit sem, enim. Suspendisse et erat luctus, placerat neque sed, mattis mi. ut ex vitae, euismod rhoncus ex. Pellentesque vulputate, arcu at urna magna id ex. Nunc est elit, urna magna id ex. Nunc est elit, urna magna id ex. Nunc est elit, Sample subheading INSERT BACKGROUND cursus vitae lorem sit amet, hendrerit fermentum metus. Proin imperdiet auctor, mauris ante ultrices turpis, ut eleifend urna IMAGE HERE sagittis ac arcu vel, cursus hendrerit sagittis ac arcu vel, cursus hendrerit sagittis ac arcu vel, cursus hendrerit Suspendisse porta, dolor in mollis porttitor, lectus nulla feugiat mollis tortor in malesuada feugiat. Sed pellentesque tortor vel magna id ex. Nunc est elit, sagittis ac arcu vel, cursus hendrerit. Suspendisse porta, dolor in mollis porttitor, lectus nulla feugiat purus. Nunc ac odio nunc. Vestibulum purus. Nunc ac odio nunc. Vestibulum purus. Nunc ac odio nunc. Vestibulum velit, in euismod velit est at ligula. Nullam sagittis consequat cursus tristique. Nullam eget sodales risus. velit, in euismod velit est at ligula. Nullam sagittis consequat condimentum velit mauris, sit amet condimentum velit mauris, sit amet condimentum velit mauris, sit amet purus ut scelerisque. Quisque ligula mi, condimentum id lectus ac, Sample subheading purus ut scelerisque. Quisque ligula mi, condimentum id lectus ac, eleifend neque aliquet at. Etiam elit sem, cursus vitae lorem eleifend neque aliquet at. Etiam elit sem, cursus vitae lorem eleifend neque aliquet at. Etiam elit sem, cursus vitae lorem Sample subheading sodales interdum lectus. Fusce est libero, e citur vitae interdum at, Fusce cursus metus sed leo consectetur convallis. Curabitur cursus, sodales interdum lectus. Fusce est libero, e citur vitae interdum at, sit amet, hendrerit fermentum metus. Proin mollis tortor in sit amet, hendrerit fermentum metus. Proin mollis tortor in sit amet, hendrerit fermentum metus. Proin mollis tortor in vehicula quis mauris. Maecenas mattis dolor lectus, sed lacinia risus Fusce cursus metus sed leo consectetur convallis. Curabitur cursus, diam vulputate iaculis sodales, mi tortor cursus magna, ut auctor vehicula quis mauris. Maecenas mattis dolor lectus, sed lacinia risus malesuada feugiat. Sed pellentesque tortor vel cursus tristique. malesuada feugiat. Sed pellentesque tortor vel cursus tristique. malesuada feugiat. Sed pellentesque tortor vel cursus tristique. tempor et. Cras dignissim blandit ipsum id interdum. Curabitur diam vulputate iaculis sodales, mi tortor cursus magna, ut auctor elit nunc eu nibh. Cum sociis natoque penatibus et magnis tempor et. Cras dignissim blandit ipsum id interdum. Curabitur Nullam eget sodales risus. Praesent blandit quis sapien non Nullam eget sodales risus. Praesent blandit quis sapien non convallis urna sed orci egestas, sed tincidunt nibh condimentum. Sample ulleted ist elit nunc eu nibh. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis consequat convallis urna sed orci egestas, sed tincidunt nibh condimentum. euismod. Suspendisse potenti mauris, sit amet. euismod. Suspendisse potenti mauris, sit amet. Donec quam erat, gravida commodo risus ut, egestas scelerisque dis parturient montes, nascetur ridiculus mus. Duis consequat fermentum turpis, non rutrum urna tincidunt id. Etiam id lorem › Fusce cursus metus sed leo consectetur convallis. Curabitur cursus, ligula. Ut et augue tellus. Nulla facilisi. Lorem ipsum dolor sit amet, Sample ulleted ist Sample ulleted ist fermentum turpis, non rutrum urna tincidunt id. Etiam id lorem vitae erat rhoncus interdum. Nunc quis dui at tellus pulvinar diam vulputate iaculis sodales, mi tortor cursus magna, consectetur adipiscing elit. Nullam luctus e citur diam sit amet › Fusce cursus metus sed leo consectetur convallis. Curabitur cursus, vitae erat rhoncus interdum. Nunc quis dui at tellus pulvinar vehicula. Duis consequat ultricies accumsan. Mauris eu blandit ut auctor elit nunc eu nibh › Fusce cursus metus sed leo consectetur convallis. Curabitur cursus, feugiat. Nullam sed dui eleifend, lobortis nisl id, malesuada nulla. diam vulputate iaculis sodales, mi tortor cursus magna, vehicula. Duis consequat ultricies accumsan. Mauris eu blandit tellus. Donec a fermentum nisl, vitae suscipit turpis. Donec non diam vulputate iaculis sodales, mi tortor cursus magna, Nam mattis suscipit massa, id aliquam erat condimentum vitae. › Cum sociis natoque penatibus et magnis dis parturient montes, tellus. Donec a fermentum nisl, vitae suscipit turpis. Donec non tempus augue. Vivamus sollicitudin, justo id placerat dapibus, orci ut auctor elit nunc eu nibh ut auctor elit nunc eu nibh nascetur ridiculus mus. Duis consequat fermentum turpis, non tempus augue. Vivamus sollicitudin, justo id placerat dapibus, orci Sample subheading purus fermentum urna, sed sagittis augue urna eget ex. › Cum sociis natoque penatibus et magnis dis parturient montes, rutrum urna tincidunt id › Cum sociis natoque penatibus et magnis dis parturient montes, purus fermentum urna, sed sagittis augue urna eget ex. Vivamus Ut iaculis, nisl eget sagittis ultricies, massa felis scelerisque ex, Nunc vel mi non nisl fringilla malesuada. Pellentesque habitant nascetur ridiculus mus. Duis consequat fermentum turpis, non nascetur ridiculus mus. Duis consequat fermentum turpis, non laoreet, odio eget rutrum suscipit, augue risus faucibus odio, SAMPLE › Etiam id lorem vitae erat rhoncus interdum. Nunc quis dui at ornare scelerisque tellus est ac libero. Proin sit amet quam elit. morbi tristique senectus et netus et malesuada fames ac turpis rutrum urna tincidunt id rutrum urna tincidunt id faucibus lacinia turpis tellus in magna. Vivamus sed odio est. Donec tellus pulvinar vehicula Mauris sed odio bibendum tortor varius semper. Sed tempus egestas. Sed leo magna, tempus quis dolor sed, congue egestas › Etiam id lorem vitae erat rhoncus interdum. Nunc quis dui at › Etiam id lorem vitae erat rhoncus interdum. Nunc quis dui at euismod nunc nec purus lacinia faucibus. INFOGRAPHIC › Duis consequat ultricies accumsan. Mauris eu blandit tellus. Donec metus ac lacinia luctus. Sed auctor hendrerit ullamcorper. Class mauris. Curabitur vestibulum ultricies urna, sed euismod nunc tellus pulvinar vehicula tellus pulvinar vehicula a fermentum nisl, vitae suscipit turpis. Donec non tempus augue. Nunc vel mi non nisl fringilla malesuada. Pellentesque habitant aptent taciti sociosqu ad litora torquent per conubia nostra, per ullamcorper eu. Vestibulum mauris velit, viverra quis dignissim › Duis consequat ultricies accumsan. Mauris eu blandit tellus. Donec Vivamus sollicitudin, justo id placerat dapibus › Duis consequat ultricies accumsan. Mauris eu blandit tellus. Donec morbi tristique senectus et netus et malesuada fames ac turpis inceptos himenaeos. Curabitur feugiat urna nec elementum non, venenatis in diam. Pellentesque malesuada magna vitae diam egestas. Sed leo magna, tempus quis dolor sed, congue egestas egestas. Curabitur sed justo et nibh volutpat venenatis. Morbi suscipit tempor. Suspendisse volutpat semper lacus vitae eleifend. CONTENT a fermentum nisl, vitae suscipit turpis. Donec non tempus augue. a fermentum nisl, vitae suscipit turpis. Donec non tempus augue. › Fusce cursus metus sed leo consectetur convallis. Curabitur cursus, Vivamus sollicitudin, justo id placerat dapibus Vivamus sollicitudin, justo id placerat dapibus mauris. Curabitur vestibulum ultricies urna, sed euismod nunc luctus, felis sit amet interdum lacinia, nisi lectus bibendum nibh, Nullam aliquam urna non augue interdum aliquet. Duis posuere (Insert source here) diam vulputate iaculis sodales, mi tortor cursus ullamcorper eu. Vestibulum mauris velit, viverra quis dignissim scelerisque venenatis metus quam sed nunc. Donec vitae pharetra pulvinar augue non dictum. Nullam tincidunt, odio vitae tempor

7 8 UNIVERSITY OF WATERLOO 9 SECTION 4: TEMPLATES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 93 PROPOSALS

Use proposals to organize and present information about business initiatives or projects.

Branded templates are available Microsoft Word in the University of Waterloo theme (black and gold) using alternative fonts.

To download proposal template files, visit:

uwaterloo.ca/brand/resources/waterloo-writing-style-guide/resources/proposals SECTION 4: TEMPLATES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 94 POSTERS

Posters help promote an event and generate awareness EVENT POSTER TEMPLATE AWARENESS POSTER TEMPLATE on specific topics and themes.

Template files are available using brand and alternative fonts.

Adobe InDesign templates are set-up in the University of INSERT BACKGROUND Waterloo theme, but also include master pages and colour IMAGE HERE palettes specific to schools and faculties. Toggle between themes using the Pages palette. THURSDAY INSERT BACKGROUND IMAGE HERE Microsoft Word templates are available in the University JAN INSERT of Waterloo theme, and faculty and school specific themes. 26 To download template files, visit: HEADLINE

uwaterloo.ca/brand/resources/posters INSERT Insert Copy Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do INSERT IMAGE eiusmod tempor incididunt ut labore et dolore magna aliqua. HEADLINE HERE Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Insert Subheading Here INSERT uwaterloo.ca NAME Sample Subheading and ulleted ist TITE DEPARTMENT COMPAN NAME › Fusce cursus metus sed leo consectetur convallis. Curabitur cursus, diam vulputate iaculis sodales, mi tortor cursus magna, ut auctor elit nunc eu nibh.

› Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis consequat fermentum turpis, non rutrum urna tincidunt id.

› Fusce cursus metus sed leo consectetur convallis. Curabitur cursus, diam vulputate iaculis sodales, mi tortor cursus magna, ut auctor elit nunc eu nibh.

› Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis consequat fermentum turpis, non rutrum urna tincidunt id.

WHEN WHERE January 26, 2017 University of Waterloo 7:00-8:30 p.m. QNC 0101

Register today uwaterloo.ca/insert-registration-or-page-url PLEASE RECYCLE TEMPLATE 003 TEMPLATE RECYCLE PLEASE 013 TEMPLATE RECYCLE PLEASE SECTION 4: TEMPLATES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 95 NAME TAGS

Create your own name tags for your upcoming event. Templates have been designed for use with standard 4" x 3" plastic holders (lanyard or badge format) and are available in university-specific or faculty-specific branding.

MS Word templates using alternate fonts have been prepared for use with Avery template 5384.

Adobe InDesign templates are available with brand and alternative fonts have been designed for professional printing and trimming.

Download name tag template files:

uwaterloo.ca/brand/resources/events/name-tags

UNIVERSITY-SPECIFIC NAME TAG WITH BRAND FONTS FACULTY-SPECIFIC NAME TAG WITH BRAND FONTS UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 96

DIGITAL

SECTION 4: TEMPLATES SECTION 4: TEMPLATES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 97 PRESENTATIONS

Digital presentations deliver a wide range of content, unified by a core message. PTATI TIT PTATI TIT University branded and faculty specific templates are available PAC PAC in PowerPoint and Keynote in 4:3 (standard) and 16:9 (widescreen) aspect ratios. System fonts are used in place of the brand typefaces to ensure presentations are viewed consistently by those who may not have access to the brand typefaces.

uwaterloo.ca/brand/resources/presentations

TITLE PAGE TITLE PAGE AND IMAGE

PA TIT PA TIT

Lorem ipsum dolor sit amet, consectetur adipiscing elit. ore i oor i ae oeer aiiig Phasellus non sem semper, rhoncus quam nec, suscipit erat. ei ae o e eer ro a e In non scelerisque est. CTI II ii era o eerie e ra e oae a eu oae maui. ari eger a aga o e ei » Morbi scelerisque et ligula sed maximus. Sed tincidunt CTIeaer ereII eeai e e ra ori eerie e iga lacus id libero hendrerit condimentum. Praesent euismod CTIeaer IIere est ﬁ nibus metus euismod mattis. e ai e ii a i iero eaer ere » Aliquam malesuada interdum nisl sed tincidunt.

AE RED AN NN » Sed et eleifend urna. Curabitur tempor vulputate

leo vitae consequat. ore i oor i ae oeer aiiig ei ae o e eer ro a e REENAN E

REENAN E REENAN E REENAN E REENAN E

SECTION DIVIDERS CONTENT CONTENT AND IMAGE

PA TIT

T T

ore i oor i ae oe ore i oor i ae oeer aiiig ei er aiiig ei ae o e ae o e eer ro a e ii era eer ro a e ii o eerie e ra e oae ari era o eerie e ra e oae ari EAE EAE EAE

ore i oor i ae oeer ore i oor i ae oeer ore i oor i ae oeer aiiig ei ae o e eer aiiig ei ae o e eer aiiig ei ae o e eer AN NN AN NN ro a e ro a e ro a e

REENAN E PRESENTATION TITLE - PG.01 REENAN E

MULTIPLE IMAGES QUOTE QUOTE AND IMAGE SECTION 4: TEMPLATES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 98 E-VITES

Templates are available for creating email communications that NO BUTTON E-VITE TWO BUTTON E-VITE are visually dynamic, responsive for mobile email clients, and (UNIVERSITY OF WATERLOO THEME) (APPLIED HEALTH SCIENCES THEME) consistent with the university brand.

uwaterloo.ca/brand/resources/email-communications

Branded e-vite templates are built for use with the following platforms: Microsoft Outlook; MailChimp; GroupMail (and other email service providers).

Need help preparing an e-vite? Submit an online requisition to Creative Services:

uwaterloo.ca/creative-services/send-online-requisition

NOTES:

BEFORE YOU START USING E-VITE TEMPLATES, REFRESH YOURSELF ON BEST PRACTICES FOR EMAIL COMMUNICATIONS: uwaterloo.ca/brand/evite-best-practices SECTION 4: TEMPLATES UNIVERSITY OF WATERLOO VISUAL IDENTITY GUIDELINES OCTOBER 2017 99 SOCIAL MEDIA

Social media avatars and social media post templates for Facebook, Twitter and Instagram are available using branded and alternate fonts.

uwaterloo.ca/brand/resources/social-media

UNIVERSITY, FACULTY AND SCHOOL AND CAMPUS AVATARS

FACEBOOK POST (BRANDED FONTS) FACEBOOK POST (ALTERNATE FONTS) PLEASE RECYCLE C011217