間眅埶AV

MENU

Templates

Templates are available to help you use the 間眅埶AV brand effectively.

Social Media Avatars, Cover Images & Ads

Use social avatars as an opportunity to provide an enhanced and, more importantly, coherent 間眅埶AV experience across all channels. Main 間眅埶AV brand elements such as colours, typography and title bars create a visual connection to the brand communications.

Avatars

The avatar system comprises the master brand institutional and services avatars. These avatars provide quick visual context of the 間眅埶AV brand and leverage the channel handle name and/or cover image to further communicate the unit. They are divided into three templates to accommodate names of different lengths.

  • Circle and square avatars serve the requirements of the major social media channels
  • Extensions and associated avatars are exempt from this system

Request an avatar

Master Brand Avatar

Round avatar
Square avatar

Institutional Services Avatars

Round avatar with short name
Round avatar with medium-length name
Round avatar with long name
Square avatar with short name
Square avatar with medium-length name
Square avatar with long name

The Communications & Marketing team creates the avatars. Please contact sfu-brand@sfu.ca.

Social media examples

To maintain the 間眅埶AV brand recognition even without the master brand logo, we recommend always including 間眅埶AV before the unit name in the handle and in the name field for the social account.

Include 間眅埶AV before the unit name in the Instagram handle
Include 間眅埶AV in the "name" field for the Instagram account
LinkedIn avatar and unit handle next to cover images and news feeds

Note: Round avatars can also be used for Microsoft Outlook profile pictures.

Cover image guidelines

Logo versions & placement

An 間眅埶AV logo must appear on all cover images. Either formal or informal logos can be used. The logo can be placed either at the upper right corner or lower left corner of the cover images. The preferred position of the logo on cover images is the upper right corner where it is legible across all social channels.

The exception is the two-level logo:

  • Only has a horizontal version
  • Must align to the left of the image
  • It can move up to the upper left corner on Twitter and LinkedIn due to the position of the avatars

The logos clearspace is equal to the height of the 間眅埶AV logo block. Exceptions can be made for extremely tight spaces on certain social channels.

Examples:

Informal vertical logo upper right corner for Facebook, Twitter & LinkedIn
Informal vertical logo lower left corner for Facebook
Two-level logo lower left corner for Facebook
Two-level logo - upper left corner for Facebook, Twitter and LinkedIn
Formal vertical logo lower left corner for Facebook
Formal vertical logo upper right corner for Facebook, Twitter & LinkedIn

Image-only versions 

Our primary photography is black and white with a photo-journalistic style. These images are to be used as cover images for brand campaigns, events or institutional communications.

Colour photography can be used when black and white images are not available or not suitable for the subject matter.

The cover images work best when:

  • They are dynamic and simple in composition without too much visual noise
  • Prominent subjects are positioned in the middle or right of the image to avoid being covered by the avatar on some social channels
  • The focus is on hero subjects engaging in real activities
  • Subjects and their activities remain visible within the given dimensions across all the channels
  • Colour photography is shot with neutral lighting and cool temperature to complement the red avatar

Examples:

People as prominent subjects in the image
Dynamic compositions taken from interesting angles
Images that feel candid and authentic. Prominent subject on the right.
People engaging in real activities
Students, faculties and researchers working on unique projects
Projects that are creating an impact in the world

text only versions

When our photography is not available, our brand colours, typefaces and title bars can be used together to create engaging cover images.

  • When typesetting, dont use more than two lines of title bars, and make sure the titles dont extend past two-thirds of the cover image to ensure the type is not cut off on mobile devices
  • Headlines should be short and concise. Cover images shrink drastically when viewed on mobile devices and a large portion is blocked out by the avatar. Short, bold headlines can draw attention and maintain legibility on both desktop and mobile.
  • Description copy should be informative and to the point. Type size should not fall below 16px for web best practice and accessibility standards.

Examples:

Short headline, large text aligned-right for Facebook, Twitter and LinkedIn
Medium headline, small text aligned-right for Facebook & Twitter
Short headline, large text aligned-right for Facebook & Twitter
Medium headline, small text aligned-left for Facebook
Medium headline, large text with description for Facebook

Text & image versions

Typography helps to set the voice of our brand. The examples below provide some inspiration on how typography can work with photography to create an expressive layout.

  • Images should have dynamic compositions with quiet space that allows you to place headlines and titles over them so they can be read easily
  • Headlines should be concise and engaging
  • Avoid lengthy content that clutters the image. Although the 20% text rule doesnt apply to cover images, it is good practice to keep the text content to less than 40% of the image.

Examples:

Short headline, small text with a description aligned-right
Long headline with a description aligned-right for Facebook & Twitter
Medium headline, medium text aligned right for Facebook & Twitter
Medium headline, small text aligned right for Facebook & Twitter
Short headline, large text aligned right for Facebook & Twitter

Cover image templates

Cover image dimensions are different across all social channels and are changed regularly, one size does not fit all. It is important to check the respective platform for the most up-to-date dimensions. When choosing photography, consider how it would crop across all channels to ensure the hero subject remains visible inside the frame. Download ready to use cover images or cover image templates for each social platform below.

Facebook

* Facebook-cover-images.zip
Pre-made, ready to use cover images
* Coverimage_facebook-template.psd
Cover image template

Note: in order to edit a version with text you will need to have the Countach font loaded onto your computer.

Twitter

* Twitter-cover-images.zip
Pre-made, ready to use cover images

Note: in order to edit a version with text you will need to have the Countach font loaded onto your computer.

LinkedIn

Note: in order to edit a version with text you will need to have the Countach font loaded onto your computer.

YouTube

Note: in order to edit a version with text you will need to have the Countach font loaded onto your computer.

Social media ads & posts

Our updated social media ad and post template designs allow you to use image-only, text-only and a combination of image and text. The images below are a small sample of the variations available.

The templates below demonstrate how the 間眅埶AV brand elements can be used expressively in different layouts.

Creating social ads

If you are creating an ad for Facebook remember that text should take up no more than 20% of the image. Read about text in ad images using Facebook's . In instances where your ad has too much text, its appropriate to remove the 間眅埶AV logo. Ads will be seen along the avatar, handle and ad copy to help identify it as an 間眅埶AV ad.

Learn more about social ads: