Primary Web Color
The University’s primary web color is darker than that used in print to ensure low-vision and color-blind users have adequate color contrast between the font and the background color. This color should be used for headers and branding.
RGB: 0, 13, 116
Trademark
The Columbia trademark should be used either on white or dark blue to ensure there is enough color contrast for website accessibility.
TYPEKIT FONTS
Columbia University uses web font stacks in CSS to ensure cross-platform reliability. Primary fonts may use Typekit fonts and fall back on web-safe fonts that are similar in type classification and characteristics. The CSS web stacks are specified below.
Wide usage:
Bold and semibold weights for display type (400–700), medium and light weights for paragraph. (100–400).
Recommended CSS stack:
“proxima-nova”, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
Recommended weights:
font-weight: 100, 300, 400, 500, 600, 700
Limited usage:
Best used for paragraph copy and 300 weight only. Not recommended for display type.
Recommended CSS stack:
“adobe-garamond-pro”, TimesNewRoman, ‘Times New Roman’, Times, Georgia, serif;
Recommended weights:
font-weight: 400
Limited usage:
While Trajan Pro is the University’s official typeface it has limited use for headers and logos. It is not for use for paragraph copy.
Recommended CSS stack:
font-family: “trajan-pro-3”, TimesNewRoman, ‘Times New Roman’, Times, Georgia, serif;
Recommended weight:
font-weight: 300
WEB-SAFE FONTS
Web-safe font stacks should be used more frequently than Typekit stacks for page load time and general readability.
Wide usage:
Bold and semibold weights for display type (400–700), medium and light weights for paragraph. (100–400).
Font smoothing:
On webkit browsers the font may appear fuzzy. Please also use a font-smoothing declaration in your CSS when used.
webkit-font-smoothing: antialiased;
Recommended CSS stack:
“Helvetica Neue”, Helvetica, Arial, sans-serif;
Recommended Weights:
font-weight: 100,300, 400, 500, 600, 700
Wide usage:
Headlines and paragraph copy with normal weight only. Also for use on calls to action, for example, button text.
Recommended CSS stack:
TimesNewRoman, ‘Times New Roman’, Times, Georgia, serif;
Recommended weight:
font-weight: normal
Do not use bold
Secondary Web Blues
Softer in value, these are ideal for use in a lower percentage than primary values for branding.
RGB: 196, 216, 226
RGB: 117, 170, 219
RGB: 108, 173, 223
RGB: 0, 142, 224
RGB: 44, 107, 172
RGB: 0, 70, 166
Tertiary Colors
Ideal to use along with white (#ffffff) for backgrounds and footers.
RGB: 249, 249, 249
RGB: 239, 239, 239
RGB: 210, 210, 192
RGB: 85, 85, 85
RGB: 65, 81, 108
RGB: 9, 53, 82
Highlight Colors
Used sparingly, accent colors can be used to draw attention to smaller areas of the site. Ideal proportion of usage is less than 10 percent.
RGB: 255, 180, 0
RGB: 192, 205, 63
RGB: 144, 193, 52
RBG: 193, 77, 0
RGB: 132, 28, 28
RGB: 142, 15, 86