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 yourh1
headline. Your semantic markup should agree with your visual design.
Example
Display 1
Display 2
Display 3
Display 4
Code
HTML
<h2 class="display-1">Display 1</h2>
<h2 class="display-2">Display 2</h2>
<h2 class="display-3">Display 3</h2>
<h2 class="display-4">Display 4</h2>