Skip to content Skip to main navigation Report an accessibility issue

Fancy Headlines

Documentation

Usage: Regular headlines are designed to work well in the UT Template. But display sizes are available for occasional extra oomf.

Don't
  • Do not use these styles to change the look of your regular headline cascade. These are intended only for occasional use on things like email landing pages, or homepages.
  • Do not use these styles to change the visual hierarchy of the headlines. For example, do not make your h3 headline larger than your h1 headline. Your semantic markup should agree with your visual design.
EXAMPLE

Display 1

Display 2

Display 3

Display 4

Code

HTML
<h1 class="display-1">Display 1</h1>
<h1 class="display-2">Display 2</h1>
<h1 class="display-3">Display 3</h1>
<h1 class="display-4">Display 4</h1>