Commencement Style Guide 2023

STYLE GUIDE

CONGRATULATIONS TO THE CLASS OF 2023!

This Commencement Style Guide is a brief overview of how to use the Columbia Commencement identity in various communications so that together we can produce clear, consistent, and focused materials for celebrations held in 2023.

For more information and design services, please contact creative@columbia.edu.

TRADEMARKS

University Commencement

University Commencement incorporating year: Use this version with the commencement year if space allows.

Use of University Seal is reserved for University Commencement and Trustee events.

TRADEMARKS

black and white knockout

color knockout

2023

COLUMBIA UNIVERSITY

COMMENCEMENT

RESTRICTIONS

clear space

minimum size

COLUMBIA UNIVERSITY

COMMENCEMENT

COLUMBIA UNIVERSITY

COMMENCEMENT

=C The minimum clear space should be maintained around the trademark to separate it from surrounding elements.

The minimum width is 1/5”.

GRAPHIC ELEMENTS FOR INDIVIDUAL CEREMONIES

2023 cut-out type to be used for individual ceremonies: to be used as an overlay on imagery or as a vessel for imagery

BACCALAUR E ATE SE RV I C E

CLASS DAY

GRAPHIC ELEMENTS FOR INDIVIDUAL CEREMONIES

2O23 CLASS OF

Columbia University

School of General Studies

COLOR PALETTE

PMS 292 RGB 101/178/232 #64B1E7

PMS 285 RGB 0/114/206 #0072CE

PRIMARY BLUE

PMS 427 RGB 204/204/204 #DDDDDD

PMS COOL GREY 10 RGB 79/90/101 #4F5A65

PMS 288 RGB 0/45/114 #002D72

SECONDARY BLUES

PMS 716 RGB 238/111/0 #ED7700

ACCENT COLORS

PMS 369 RGB 107/142/35 #6B8E23

PMS 130 RGB 223/159/31 #DF9F1F

TYPOGRAPHY

display fonts

TRAJAN ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

TRAJAN Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

GOTHAM BOOK ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

GOTHAM BOLD ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

text fonts

GARAMOND ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

GARAMOND Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

P R OX I M A N OVA ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

P R OX I M A N OVA I TA L I C ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

IMAGERY

Photos should reflect the excitement and pageantry of the Columbia University Commencement season. Photos should celebrate the diverse University community.

GRAPHIC ELEMENTS

mortarboard icon

use the cursor with the icon to indicate an online event

GRAPHIC ELEMENTS

lionhead motif

23

GRAPHIC ELEMENTS

lower thirds

Action Safe Title Safe

Jane Smith Title

Jane Smith Title

COLUMBIA UNIVERSITY

COMMENCEMENT

GRAPHIC ELEMENTS

social cards

GRAPHIC ELEMENTS

social templates

LICENSING GUIDANCE TO SCHOOLS AND GROUPS FOR STOLES

Left side: Display name of school or department, with Class of 2023 optional.

Right side: Display the group name, with any secondary line and/or graphic. Do not use Columbia University crowns.

School of International and Public Affairs Class of 2023

Group name any secondary line and/or graphic (no crowns)

Columbia University Class of 2023

Group name any secondary line and/or graphic (no crowns)

Group name any secondary line and/or graphic (no crowns)

Columbia University

Religious Life

The typeface should be Adobe Trajan Pro. Recommended colors are either PMS 280 with type KO or PMS 290 with type in PMS 280.

The text on either side of a stole should have clear space around it, to separate it from any patterns or designs, without overlap.

For further guidelines for use of Columbia marks, visit cufo.columbia.edu/content /guidelines-use-columbia-marks

Columbia University Religious Life

ACCESSIBILITY Accessible Digital Visuals Web accessibility refers to the inclusive practice of removing barriers that prevent interaction with, or access to, websites or content by people with disabilities. When sites are correctly designed, developed, and edited, all users have equal access to information and functionality. Digital content must comply with the University Website Accessibility Policy (universitypolicies.columbia. edu/web-accessibility) Keep Text Short and Simple • Aim for clear, concise writing • Use capitalization, bold, and italics sparingly • Avoid acronyms and always spell out any on first reference • Use built-in bulleted or numbered lists, with multiple levels using different numbering schemes on each level • Make link text descriptive; never use “click here” • Don’t underline text that is not a link • Avoid ghosting text onto images; if unavoidable, you must include this text in the image alt text

Image Alternative (ALT) Text Every time you upload an image to your site, you must enter accompanying ALT text. Screen readers read ALT text for users who cannot see the images.

• Make your ALT text descriptive of the image in its context on the page • Aim for text not to exceed 150 characters

ALT Text Example: Columbia University students wearing graduation caps and gowns, holding tambourines, while celebrating at Commencement

ACCESSIBILITY Use webaim.org/resources/contrastchecker to ensure the contrast between fore- and background colors meets the standard.

Provide Captions and Descriptions for Video Transcripts and captions make media accessible to all users. Captions make audible content accessible to the hearing impaired. For accuracy, do not rely on the auto-captioning feature provided by platforms such as YouTube. WCAG 2.0 AA requires transcripts and captions to be 99% accurate.

Transcripts should include a running description of all visual information, including descriptions of scene changes and the actions and expressions of actors, as well as a transcript of all non-speech sound and spoken dialogue.

For best practices and guidelines, visit accessibility.columbia.edu.

Accessible Print Visuals For printed materials, we recommend an accessible (large print) version of your communication also be available. Below are some basic guidelines: • Fonts heavily impact readability. Please use sans serif fonts, use a limited number of typefaces on a page, and avoid overly thin or elaborate script fonts • Document text size should be a minimum of 14pt • Leading (line spacing) is recommended to be at 1.5x the font size: 14pt type size 21pt leading

16pt type size 24pt leading

• Use both upper- and lowercase. Avoid all caps within text blocks • Use bold to highlight headers

ACCESSIBILITY • Separate text into columns rather than long text lengths.

• Avoid pastels and avoid putting large amounts of type on images.

• Keep text type in left alignment and avoid hyphens if possible.

• Avoid glossy stock since the glare can be distracting. Print on matte or satin papers and make sure weight of paper is above #24lb thickness, if printing on both sides, to avoid show-through.

• M aintain a good amount of white space between text areas.

• Contrast is important: either white on dark backgrounds or dark on light backgrounds.

Use white on dark backgrounds

Use dark colors on light backgrounds

• I ncorporate graphics or images within your printed materials to help break up large paragraphs of text.