Department of Information
Graphic Standards Manual

Issued by the Office of Public Awareness.
Department of Information Graphic Standards

Pencil Box / FoundationsGraphic Standards Manual

Type scale

Neue Haas Grotesk carries the interface: Display Black for headings, Text Roman and Bold for everything else. Baskerville is for reading.

Edit this page

Families

Interface

Neue Haas Grotesk

Display 95 Black for headings, Display 45 Light for large quiet titles. Text 55 Roman and 75 Bold for body, labels, buttons and captions.

Reading

Baskerville

Articles, letters, notices and long descriptions. Libre Baskerville on the web; Georgia when that fails. Keep columns to 45–75 characters.

Scale

Use the shorthand with font: var(--text-body-m);. Sizes are in rem, so they respect the reader’s browser setting. Headings look best with tight tracking: letter-spacing: -0.03em.

--text-heading-xl44px / 105% · 900 · display

Office of Public Awareness

--text-heading-l32px / 110% · 900 · display

Office of Public Awareness

--text-heading-m24px / 115% · 900 · display

Office of Public Awareness

--text-heading-s20px / 120% · 700 · display

Office of Public Awareness

--text-display-light44px / 105% · 400 · display

Office of Public Awareness

--text-action-lg18px / 100% · 700 · text

Office of Public Awareness

--text-action-md16px / 100% · 700 · text

Office of Public Awareness

--text-label-m14px / 100% · 700 · text

Office of Public Awareness

--text-label-s12px / 100% · 700 · text

Office of Public Awareness

--text-body-l18px / 140% · 400 · text

The dissemination of information remains critical to the core mission of the Department.

--text-body-m16px / 145% · 400 · text

The dissemination of information remains critical to the core mission of the Department.

--text-body-s14px / 145% · 400 · text

The dissemination of information remains critical to the core mission of the Department.

--text-caption12px / 140% · 400 · text

The dissemination of information remains critical to the core mission of the Department.

--text-reading-m18px / 150% · 400 · reading

The dissemination of information remains critical to the core mission of the Department.

--text-reading-l22px / 145% · 400 · reading

The dissemination of information remains critical to the core mission of the Department.

Pairing

Office of Public AwarenessNotice 0042

Revised hours for the reading room

From the first of the month, the reading room will open at nine and close at four. Officers with outstanding loans should return them to the desk before the change takes effect.

Filed by the Office of Public Awareness

Do

Use Display Black for headings and Text Bold for short labels; use Baskerville for anything people read for more than a paragraph.

Don't

Set paragraphs in Display, or go below 10px for any text on screen.