Web Guidelines: MIT Libraries

Fonts & Text Colors

Fonts

Use this font group & size throughout the site:

"Verdana, Arial, Helvetica, sans-serif" size="-1"

For headings that need be be slightly larger, omit the size="-1".

Text and link colors

For most pages in the site, these are the defined text & link colors:

text="#333333"
link="#336699"
vlink="#000033"

These are already defined in the body tag of our templates, so most of the time you won't need to think about them.

Orange text is used for some navigation and headings: "#CC6600"

Emphasizing text

We are using the bold tag to emphasize text. <b>
Use it sparingly.

If you also want to use color to emphasize something, use the orange color defined above. (Do not use red).
Use this even more sparingly.

Don't use color alone to emphasize something (there may be issues for color blind people). Use it in combination with bold or some other way to emphasize the text.

Table colors

If you create a table for displaying information on a page, use the following colors:

Pale gray (#CCCCCC) for the header row and pale yellow (#FFFFCC) for other cells that need highlighting.

Examples:
Research Help
Search Our Collections