STYLE GUIDE
CONGRATULATIONS TO THE CLASS OF 2022! 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 2022. For more information and design services, please contact creative@columbia.edu. To download assets included in this document, sign in with your UNI and password here.
TRADEMARKS
University Commencement
COLUMBIA UNIVERSITY
COMMENCEMENT
COLUMBIA 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
color knockout
COLUMBIA UNIVERSITY
COMMENCEMENT
black and white knockout
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
2022 cut-out type to be used for individual ceremonies: to be used as an overlay on imagery or as a vessel for imagery
GRAPHIC ELEMENTS FOR INDIVIDUAL CEREMONIES
COLOR PALETTE
PMS 292 RGB 101/178/232 #64B1E7
PMS 285 RGB 0/114/206 #0072CE
PMS 288 RGB 0/45/114 #002D72
SECONDARY BLUES PRIMARY BLUE
PMS 427 RGB 204/204/204 #DDDDDD
PMS COOL GREY 10 RGB 79/90/101 #4F5A65
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
ACUMIN PRO CONDENSED ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
ACUMIN PRO CONDENSED 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
This year we recommend campus photography that has a celebratory feel, with a return to in-person ceremonies. Photos should reflect the excitement and pageantry of the Columbia University Commencement season.
GRAPHIC ELEMENTS
mortarboard icon: a nod to the return to in-person celebrations
use the cursor with the icon to indicate an online event
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
GRAPHIC ELEMENTS
celebration for the classes of 2020 and 2021
0 COLUMBIA
CLASS OF
2021!
Welcome Back Class of 2020 2
0 2 1
#ROARLIONS2020 #ROARLIONS2021
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. Keep content short and simple • Aim for clear and concise writing • Use capitalization 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
Image Alternative (ALT) Tags Every time you upload an image to your site, you must enter an ALT tag. Screen readers read ALT tags for users who cannot see the images. • Make your ALT tag descriptive of the image in its context on the page • Aim for tag not to exceed 150 characters
ALT text example: Columbia University students wearing graduation caps and gowns, holding tambourines, while celebrating at Commencement
ACCESSIBILITY Provide captions and descriptions of video Transcripts, captions, and descriptions make media accessible to all users. Captions make audible content accessible to the hearing impaired. For accuracy, do not rely on auto-captioning feature provided by platforms such as YouTube. Provide a media transcript A text-based alternative includes 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, please go to https://sites.columbia.edu/content/accessibility For an additional resource, visit https://www.accessiblu.com/assets/pdf /AccessibluAccessibilityChecklist.pdf
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 minimum of 14pt • Leading (line spacing) is 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
• 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
hyphens if possible • 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