Home Visual Identity network

network

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.

#000d74

RGB: 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 all

Next 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 all

Helvetica 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.

#C4D8E2

RGB: 196, 216, 226

#75AADB

RGB: 117, 170, 219

# 6CADDF

RGB: 108, 173, 223

#008EE0

RGB: 0, 142, 224

#2C6BAC

RGB: 44, 107, 172

#0046A6

RGB: 0, 70, 166

Tertiary colors

Use with white (#ffffff) for backgrounds and footers.

#F9F9F9

RGB: 249, 249, 249

#EFEFEF

RGB: 239, 239, 239

# D2D2C0

RGB: 210, 210, 192

# 555555

RGB: 85, 85, 85

#41516C

RGB: 65, 81, 108

# 093552

RGB: 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.

#FFB400

RGB: 255, 180, 0

#C0CD3F

RGB: 192, 205, 63

#90C134

RGB: 144, 193, 52

#C14D00

RGB: 193, 77, 0

#841C1C

RGB: 132, 28, 28

#8E0F56

RGB: 142, 15, 86

Interesting Articles