Primary web color
The university's primary web color is darker than that used in print to ensure that visually impaired and color blind users have adequate color contrast between the font and the background color. This color should be used for headers and branding.
#000d74RGB: 0, 13, 116
trademark
The Columbia trademark should be used on either white or dark blue to provide sufficient 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 properties. The CSS web stacks are given below.
Expand all Collapse allNext new
Wide use:
Bold and semi-bold weights for ad type (400–700), medium and light weights for paragraphs. (100-400).
Recommended CSS stack:
proxima-nova, 'Helvetica Neue', Helvetica, Arial, sans serif;
Recommended weights:
Font weight: 100, 300, 400, 500, 600, 700
Adobe Garamond
Restricted use:
Best used only for paragraph copies and 300 line widths. Not recommended for display type.
Recommended CSS stack:
adobe-garamond-pro, TimesNewRoman, Times New Roman, Times, Georgia, Serifen;
Recommended weights:
Font weight: 400
Trajan Pro
Restricted use:
While Trajan Pro is the university's official font, it has limited use for headings and logos. It is not suitable for paragraph copying.
Recommended CSS stack:
Font family: trajan-pro-3, TimesNewRoman, 'Times New Roman', Times, Georgia, serifs;
what is public health policy
Recommended weight:
Font weight: 300
WEB-SAFE FONTS
Web-safe font stacks should be used more often than Typekit stacks for reasons of page load time and general readability.
Expand all Collapse allHelvetica Neue
Wide use:
Bold and semi-bold weights for ad type (400–700), medium and light weights for paragraphs. (100-400).
Font smoothing:
The font can appear fuzzy in Webkit browsers. Please also use a declaration for font smoothing in your CSS.
Webkit Font Smoothing: Antialiasing;
Recommended CSS stack:
Helvetica Neue, Helvetica, Arial, sans serif;
Recommended weights:
Font weight: 100,300, 400, 500, 600, 700
Times New Roman
Wide use:
Copy headings and paragraphs only in normal thickness. Also for use in calls-to-action, e.g. B. Button text.
Recommended CSS stack:
TimesNewRoman, Times New Roman, Times, Georgia, Serifen;
Recommended weight:
Font weight: normal
Do not use bold
Secondary web blues
These are softer in value and are ideally suited for use in a lower percentage than the primary values for branding.
#C4D8E2RGB: 196, 216, 226
#75AADBRGB: 117, 170, 219
# 6CADDFRGB: 108, 173, 223
#008EE0RGB: 0, 142, 224
#2C6BACRGB: 44, 107, 172
#0046A6RGB: 0, 70, 166
Tertiary colors
Use with white (#ffffff) for backgrounds and footers.
#F9F9F9RGB: 249, 249, 249
#EFEFEFRGB: 239, 239, 239
# D2D2C0RGB: 210, 210, 192
# 555555RGB: 85, 85, 85
#41516CRGB: 65, 81, 108
# 093552RGB: 9, 53, 82
Highlighting colors
If used sparingly, accent colors can be used to draw attention to smaller areas of the site. The ideal usage share is less than 10 percent.
#FFB400RGB: 255, 180, 0
#C0CD3FRGB: 192, 205, 63
#90C134RGB: 144, 193, 52
#C14D00RGB: 193, 77, 0
#841C1CRGB: 132, 28, 28
#8E0F56RGB: 142, 15, 86
