Typography

Fonts

The font family for content is freight-sans-pro. The font family for headings is freight-text-pro. You should not override these fonts by injecting code into a web page.


Headings

Headings are left-justified for most of the site. This includes standard web page headings for paragraphs and lists, promos, events and news thumbnail listings. Headings can be centered for the following design elements: cards, introductions, mission statements.

Headings should not be bolded. Specific weights for headings have been chosen for two reasons. One, they help the headings stand out on the page. Two, they compliment the font used for content.

Due to diminishing font size, h6 headings should be avoided. If a page includes h6 headings, a discussion with the school's content strategist should occur to re-structure the content on the page.

h1; font-size: 34.058px, line-height: 54px

h2; font-size: 24px, line-height: 38.368px

h3; font-size: 22px, line-height: 26.999px

h4; font-size: 21.049px, line-height: 26.999px

h5; font-size: 16px, line-height: 26.999px
h6; font-size: 19px, line-height: 26.999px

Inline Text

Italics
Advancing the world of work

Bold
Advancing the world of work

Link
Advancing the world of work

Small
Advancing the world of work


Paragraphs

To limit the number of characters in a single line of text, maximum width of content should not exceed 850px. For optimal reading, each line should include approximately 60 characters (not including spaces). Maximum number of characters per line should be 115.

A paragraph with a width of 850px and a font size of 16px will create approximately 115 characters per line. The same paragraph with a font size of 19px will create approximately 95 characters per line.

Design elements that include content sections with 60 characters per line is ideal.

Mission with tower logo

 

The ILR School is advancing the world of work through teaching, research and outreach. ILR's mission is to prepare leaders, inform national and international employment and labor policy, and improve working lives.

Introduction

Share your ILR story. A favorite professor, a class you enjoyed, a classmate who became a lifelong friend, a happy memory of your time on campus. Tell us what made your ILR experience so special. You can post your photo, video or written message in the reflections section below.

Paragraph with block quote
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Remember, no matter where you go, there you are.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Lists

Ordered list
Ordered lists are used when there is a specific number of related items. For example, four tasks to complete before applying or five documents required for application.

  1. Luctus ipsum aliquam
  2. Elit dictum lorem
  3. Aliquam est dui

Unordered list
Use circular bullets to emphasize circle design elements.

  • Luctus ipsum aliquam
  • Elit dictum lorem
    • Lorem ipsum
    • Lorem ipsum
    • Lorem ipsum
  • Aliquam est dui

Unordered list with long text

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  • Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.

Address Block

Note the order of the address, phone number, fax and email. Also note the format used for phone numbers. City, state and zip code should all be on one line.

ILR Graduate Programs Office
Cornell University
218 Ives Hall
Ithaca, NY 14853

ph: (607) 255-1522
fax: (607) 254-5225
email: ilrgradapplicant@cornell.edu