Skip to main content
University of Wisconsin–Madison

Base typographic styles

Headers

This is an h1 header

This is an h2 header

This is an h3 header

This is an h4 header

This is an h5 header
This is an h6 header

The uw-no-case-transform CSS class can be used to remove the all-caps style from headers:

Paragraphs

Typically, you would limit your line length using a grid or layout system of some sort.

You might also opt to set your body copy in a type face other than Verlag. Georgia is a good, traditional serif system font for reading-oriented websites.

This paragraph shows strong or bolded, emphasized or italicized and linked text.

Lists

Unordered lists:

Ordered lists:

  1. Friendly
  2. Midwestern
  3. Comprehensive
  4. Big
  5. Challenging
  6. Progressive

Lists with tight vertical spacing:

Blockquote

“Whatever may be the limitations which trammel inquiry elsewhere, we believe that the great state University of Wisconsin should ever encourage that continual and fearless sifting and winnowing by which alone the truth can be found.” The Board of Regents, 1894

Blockquote, alternate style

“Whatever may be the limitations which trammel inquiry elsewhere, we believe that the great state University of Wisconsin should ever encourage that continual and fearless sifting and winnowing by which alone the truth can be found.” The Board of Regents, 1894

Buttons

Tables

Employee Salary Notes
Mary Doe $1 Because that’s all Steve Jobs needed for a salary.
John Doe $100K For all the blogging he does.
Jane Bloggs $100M Pictures are worth a thousand words, right?
Fred Bloggs $100B Everyone wants to be friends with Fred.

Forms

A fieldset
Radio buttons
Checkboxes
Select