We are thankful to be welcome on these lands in friendship. The lands we are situated on are covered by the Williams Treaties and are the traditional territory of the Mississaugas, a branch of the greater Anishinaabeg Nation, including Algonquin, Ojibway, Odawa and Pottawatomi. These lands remain home to many Indigenous nations and peoples.

We acknowledge this land out of respect for the Indigenous nations who have cared for Turtle Island, also called North America, from before the arrival of settler peoples until this day. Most importantly, we acknowledge that the history of these lands has been tainted by poor treatment and a lack of friendship with the First Nations who call them home.

This history is something we are all affected by because we are all treaty people in Canada. We all have a shared history to reflect on, and each of us is affected by this history in different ways. Our past defines our present, but if we move forward as friends and allies, then it does not have to define our future.

Learn more about Indigenous Education and Cultural Services

Search the:

Apply Donate Crisis Centre

Banners

A banner is an image or video that appears at the top of a page, below the main navigation menu. Note that banner videos must be approved by Communications and Marketing due to layout, content and file size requirements.

Banner images are optimized for mobile devices—different size images are loaded depending on the device being used to decrease page load time and bandwidth use. Banner images should be requested and created by Communications and Marketing because of specific size, resolution, and layout constraints. Submit a Project Initiation form to request banner images.

For your reference, recommended banner image dimensions are as follows:

Small screens (phones)	1024px W x 320px H
Medium screens (tablets)	1440px W x 450px H
Large screens (computers)	1920px W x 600px H

Note that the banner height can be adjusted if necessary, but the width should be set as listed above.

The banner component can be placed on any page. The examples below show the various layout options.

Image/video only

Note that banner videos must be approved by Commuications and Marketing due to layout, content and file size requirements.
Caption box

A caption box can be displayed on top of the image and can include a heading, description, and/or a call-to-action link.

The caption box background colour can be specified. The default is dark blue. Orange is shown below.
Caption box with banner fade

The bottom of the banner image can be faded to blend into the main page content.
Text overlay

A caption can be displayed on top of the banner image and can include a heading, description, and/or a call-to-action link.

Images/video used in the text overlay layout should not be busy or have highly detailed content for accessibility. Simple, graphic treatments and darker images work best for legibility.

Text overlay headings can include a brand arrow. In most cases, the brand arrow should be placed after the heading (on the right). For example, when the banner has a call-to-action or when on an internal page.

Internal page banner:

The brand arrow should only be placed on the left for site title banners on home pages.

Microsite home page with banner text as site title:
Content overlay

The page content overlaps the banner image in the content overlay option.

Images used in the content overlay layout should not have important information within the bottom two-thirds of the image (such as someone's face). Graphic treatments work best for this layout.

Faculty home pages

Faculty home page banner and CTA thumbnails

Faculty home pages have a different banner layout. A large feature image is on the left and smaller call-to-action (CTA) thumbnails are stacked on the right.

Banner and CTA thumbnail image dimensions for faculty home pages are as follows:

Screen size	Dimensions
Large feature image
Small screens (phones)	1000px W x 667px H
Medium screens (tablets)	1440px W x 960px H
Large screens (desktop)	1440px W x 960px H
CTA thumbnails
N/A	1000px W x 667px H

Note that the image heights can be adjusted, however, the displayed size of each CTA thumbnail depends on the height of the large feature banner image. The CTA thumbnails will expand or shrink to fill the available vertical space based on the height of the large feature banner image.