Typography

We're making bold statements

From our job-ready graduates to our recognizable brand fonts, you know when something is from SAIT. The intentional design, spacing and weight of our letterforms inform our audiences who we are.

When representing SAIT, reference the following font guidelines.

Jump to section

Fonts and weights Hierarchy Principles Alternate fonts

A red tile with the words "Where dreams get done"

Blue tile with text "Hands-on learning for an always-on world #HereATSAIT"

Purple tile with text "Building bold futures since 1916"

Fonts and weights

We communicate SAIT’s brand to the world, and what we say matters. To do so, we use fonts that are as confident as we are.

SAIT has two primary fonts: Titilium Web in black and bold weights and the DM Sans font family. Each type and weight have a specific function for the SAIT brand. Our fonts are legible and ready to make an impact.

Consistent use of Titilium makes SAIT instantly recognizable. The introduction of DM Sans allows for maximum readability.

Download Titillium Web Download DM Sans

Titillium Web Black

The scale of this font is as big and bold as our personality. Use this font for short headlines.

Typography example of the font Titillium Web Black.

Titillium Web Bold

Use for headlines or subheads. This font is also good for longer headlines to increase legibility. It is used as the headline font on our website.

Typography example of the font Titillium Bold.

 

DM Sans Bold

Use this font for subheads, to emphasize limited words in a paragraph, calls to action or URLs.

Typography example of the font DM Sans Bold.

 

DM Sans Medium

Use to build hierarchy in subheads.

Typography example of the font DM Sans Medium.

 

DM Sans Regular

Use for body copy or captions.

Typography example of the font DM Sans Regular.

 

Red to purple gradient banner with the words "We're Building Bolder. Big ideas and bigger ambitions."

Hierarchy

Use this example as a general guide for setting type. Always ensure intentional size or weight differences between varying levels of hierarchy. 

  1. Heading: Titillium Web, black weight, all-caps.
  2. Deck: DM Sans, regular weight.
  3. Subheading: Titillium Web, bold weight.
  4. Body copy: DM Sans, regular weight.
  5. Footer: DM Sans, regular weight.
  6. Feature number: Titillium Web, black weight.
  7. Feature supporting copy: DM Sans, bold weight.
  8. Quote: Titillium Web, regular weight.
  9. Name of person quoted: Titillium Web, black weight.
  10. Title of person quoted: Titillium Web, regular weight.
Layout example of SAIT's typography in use.

Principles

Any time our typefaces are used, reference these general typesetting principles.

Typography example of scale.
DO: With short headlines, we like to really stand out. Use scale to do so.
Example of using all-caps.
DON'T: For longer headlines, do not use all caps. It is less readable.
Typography example of the Titillium Web font being used in sentence case incorrectly.
DON'T: Use lower case letters in Titillium Web, black weight.
Typography example showing too much leading.
DON'T: Put too much space between lines of text on headlines.
Example of using padding properly.
DO: Be intentional with padding and margins. The example shown is the approximate smallest acceptable margin. Margins can be larger depending on the content.
Example of using padding improperly.
DON'T: Don't forget to make sure there is sufficient breathing room around the edge of the layout. Providing a buffer space between elements allows for visual clarity, enhanced readability and balanced composition.
Example of using colour treatment properly.
DO: In digital pieces, a change in colour alerts people that there is a link to additional information. If you simply want to emphasize a word, consider bold instead.
Example of using bold text treatment properly.
DO: Use bold treatment sparingly to indicate emphasis. Nothing is emphasized if bold is applied to an entire paragraph.
Example of using unapproved typefaces.
DON'T: Do not use different fonts. By intentionally using SAIT-approved fonts, our communications appear legitimate and true to our brand.
Example of improperly justifying text.
DON'T: Do not fully justify text. Left-justifying text maximizes readability.

Alternate fonts

Klavika

The SAIT wordmark is based on the Klavika font.

Typography example of the font Klavika.

Arial

Widely used, this typeface should be available in most circumstances. The Arial font family may be used only where Titillium Web and DM Sans are not available.

Typography example of the font Arial.

Examples

A collage featuring various promotional materials from SAIT, including an invitation, report, viewbook, and social media content, showcasing educational opportunities and future career prospects.

Questions?

Send us an email: brand.questions@sait.ca. 

Oki, Âba wathtech, Danit'ada, Tawnshi, Hello.

SAIT is located on the traditional territories of the Niitsitapi (Blackfoot) and the people of Treaty 7 which includes the Siksika, the Piikani, the Kainai, the Tsuut’ina and the Îyârhe Nakoda of Bearspaw, Chiniki and Goodstoney.

We are situated in an area the Blackfoot tribes traditionally called Moh’kinsstis, where the Bow River meets the Elbow River. We now call it the city of Calgary, which is also home to the Métis Nation of Alberta.

Visit Natoysopoyiis Resource Centre