Typography is an essential part of the UC Santa Barbara visual system. When used consistently, it unifies messaging and creates familiarity. Our full set of guidelines will help you use our typefaces for maximum legibility while reinforcing UC Santa Barbara in the eyes of our audiences. 

information icon

For information on obtaining desktop licenses for either or both of our typefaces at no cost to your area, please contact us. If you are a Mac user, both Avenir and Produkt are included with macOS Catalina 10.15.7 and onward. For information regarding typeface use on websites please visit our Web Fonts page.

Primary Typeface

Avenir is our primary typeface. Most UC Santa Barbara communications should use Avenir, including in all body copy and subheads. The typeface is made up of multiple weights: Light, Book, Medium, Heavy, and Black. Italicized versions are also included in the family. The default weight to use is Avenir Light for body copy and Avenir Black for subheads.

The supporting weights of Avenir may also be used, but usually for emphasis in smaller applications such as captions, tables, charts, and folios. In particular cases, Avenir may also be used for headlines when our secondary typeface, Produkt, is not appropriate.

Title and sentence case are preferred. Only use all caps in small instances such as charts, labels, and UI navigation. Type should never be altered by adding outlines, drop shadows, or effects. Always set ® and ™ as superscript.

Avenir

Secondary Typeface

Produkt is our secondary typeface. Produkt, primarily used in large headlines, introduces a subtle warmth that pairs well with Avenir. The typeface is made up of four weights: Thin, Extralight, Light, and Regular. The default weight to use is Produkt Light.

The supporting weights of Produkt may also be used, but usually for emphasis in smaller applications such as captions, tables, charts, and folios.

Title case is preferred. Only use all caps in small instances such as charts, labels, and UI navigation. Type should never be altered by adding outlines, drop shadows, or effects. Always set ® and ™ as superscript.

 

Produkt font

Type Hierarchy

Three types of copy establish the typographic hierarchy on any page, print or digital: headline, subhead, and body. Avenir, our primary typeface, may be used in all three instances, whereas Produkt, our secondary typeface is reserved primarily for headline copy. Produkt should never be used in body copy. Below are a few examples that outline a basic typographic hierarchy complete with the appropriate typefaces.

Type heirarchy 1

Type hierarchy 2

Type hierarchy 3

The principles guiding type hierarchy can be applied across all forms of communication. Below are a few examples that show where and how to use our typefaces in accordance with these principles.

Additional cover information

quotes

sidebar

Leading / Tracking

Space between lines of copy and space between letters contribute to elegance and legibility of typography. Leading refers to the space between lines of type. Tracking refers to spacing between characters. Effective application of leading and tracking differs for each typeface and at each type size. The following pages detail recommended best practices for leading and tracking for Avenir and Produkt. 

leading

tracking avenir

Tracking produkt

Avenir — Size / Leading / Tracking

There is a relationship between the point size of the typeface and the leading and tracking. The charts below offer guidance on how to adjust the leading and tracking for Avenir as the point size scales up.

Body
Avenir leading 1

Headlines / QuotesAvenir leading 2

Large HeadlineAvenir leading 3

Produkt — Size / Leading / Tracking

There is a relationship between the point size of the typeface and the leading and tracking. The charts below offer guidance on how to adjust the leading and tracking for Produkt as the point size scales up.

QuotesProduct leading 1

HeadlinesProduct leading 2

Large HeadlineProduct leading 3

Primary Typeface Substitute

In cases where Avenir and Produkt are not available, Century Gothic should be used as a substitute. These cases may include digital applications such as HTML emails, Word documents, or digital presentations (such as PowerPoint) that cannot embed fonts.

There are two preferred weights for Century Gothic, each with an italic version: Regular and Bold. The default weight to use is Century Gothic Regular for body copy and the Bold weight for headlines. The Bold weight of Century Gothic may also be used for emphasis in smaller applications such as subheads captions, tables, charts, and folios.

Century Gothic

Incorrect Usage

The impact of our typography is dependent on proper, consistent use. Any changes to the type hierarchy and associated typefaces will change or diminish the important values, ideas, and meanings with which UC Santa Barbara is associated. Alter them, and they can subtly shift perceptions of the institutions they stand for. For this reason, strict adherence to the correct usage and implementation is critical. Below are some examples of incorrect usage.

Do not set body copy in all caps

Do not set body copy in all caps

Do not apply more than recommended leading

Do not apply more than the recommended amount of leading

Do not apply extra letter spacing (tracking)

Do not apply extra tracking

Do not set copy in Produkt

Do not set body copy in Produkt

Do not make headings without contrast 

Do not set body copy without sufficient contrast

Do not set all body copy in bold

Do not set body copy in bold

Keep 'em handy
Download the PDF

The guidelines featured on this website represent a subset of the official UC Santa Barbara Identity Guidelines. Download the full set of guidelines for access to additional resources, best practice application examples, and more.