UChicago Sans Serif

This site uses UChicago Sans Serif as the primary typeface, loaded from:

• Source maintained by UChicago Creative: https://uchicago-brand-fonts.s3.us-east-2.amazonaws.com/UChicagoSansSerif.css
• Fallback maintained by UChicago Library: https://www.lib.uchicago.edu/web-resources/css/uchicagoSansSerif.css

Font should fallback to system defaults. System fallbacks include: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif

Headings

All HTML headings, <h1> through <h6>, are available.

Heading 1 - Main Page Title

Heading 2 - Section Heading

Heading 3 - Subsection Heading

Heading 4 - Component Heading

Heading 5 - Small Component Heading

Heading 6 - Minor Heading

Display Headings

Larger, more prominent headings for hero sections.

Display 1

Display 2

Display 3

Display 4

Body Text

Regular Body Text

This is a standard paragraph of body text. The University of Chicago Library serves as a vital resource for students, faculty, and researchers. Our collections span centuries of human knowledge, from ancient manuscripts to cutting-edge digital resources.

Lead Paragraph

This is a lead paragraph, which stands out from regular body text. Use it for introductory or emphasized content that needs more visual weight.

Muted Text

This is muted text, typically used for secondary information, captions, or helper text that should be less prominent than regular body text.

Small Text

This is small text, often used for fine print, legal notices, or supplementary information.

Inline Text Elements

You can use the mark tag to highlight text.

This line of text is meant to be treated as deleted text.

This line of text is meant to be treated as no longer accurate.

This line of text is meant to be treated as an addition to the document.

This line of text will render as underlined.

This line of text is meant to be treated as fine print.

This line rendered as bold text.

This line rendered as italicized text.

This is inline code within a sentence.

Ctrl + C demonstrates keyboard input styling.

Links

This is a paragraph with a standard link in it.

This is muted text with a link in muted context.

Link Colors

Primary link

Secondary link

Success link

Danger link

Warning link

Info link

Lists

Unstyled List

• This list has no bullets
• Useful for navigation or simple item lists
• Clean and minimal appearance

Inline List

• Item 1
• Item 2
• Item 3
• Item 4

Definition Lists

Definition Term

A definition list is perfect for defining terms or presenting key-value pairs of information.

Library Catalog

A searchable database of all materials held by the library, including books, journals, and multimedia resources.

Special Collections

Rare and unique materials that require special handling, including manuscripts, archives, and rare books.

Interlibrary Loan

A service that allows patrons to borrow materials from other libraries when items are not available locally.

Horizontal Definition List

Hours

Monday - Friday: 8:00 AM - 10:00 PM

Location

1100 E. 57th Street, Chicago, IL 60637

Phone

(773) 702-8740

Preformatted Text & Code

Inline Code

Use <code> for inline code snippets like npm install or variable names.

Code Block

function greet(name) {
  console.log(`Hello, ${name}!`);
  return `Welcome to ${name}'s library account`;
}

// Call the function
greet('University of Chicago Library');

Preformatted Text

This is preformatted text.
  It preserves    spacing
    and line breaks
exactly as written.

Tables

Basic Table

Striped Table

Bordered Table

Hover Table

Small Table

Blockquotes

Libraries store the energy that fuels the imagination. They open up windows to the world and inspire us to explore and achieve, and contribute to improving our quality of life.

A library is not a luxury but one of the necessities of life.