Typography

Typeface

The official typeface is Helvetica Nue. However, when Helvetica Nue is unavailable Helvetica and Ariel are also suitable options.

Helvetica Nue

Header Styles

Listed below are a list of the base styles for the main header 1-5

Header 1 Tag

Header 2 Tag

Header 3 Tag

Header 4 Tag

Header 5 Tag

Code Section

<h1>Header 1 Tag</h1>
<h2>Header 2 Tag</h2>
<h3>Header 3 Tag</h3>
<h4>Header 4 Tag</h4>
<h5>Header 5 Tag</h5>

Each header can be changed to have several types of style ranging from different colors to borders:

Blue Style Header Tag

Gold Style Header Tag

Bottom Border Style Header Tag

Full Border Style Header Tag

Blue Background Style Header

Code Section

<h2 class="uccsBlueHeader">Blue Style Header Tag</h2>
<h2 class="uccsGoldHeader">Gold Style Header Tag</h2>
<h2 class="bottomBorderHeader">Bottom Border Style Header Tag</h2>
<h2 class="fullBorderHeader">Full Border Style Header Tag</h2>
<h2 class="uccsBlueBackHeader">Blue Background Style Header<</h2>

Lists

Unordered Lists

  • Item
  • Item
  • Item

Code Section

<ul>
<li>Item</li>
<li>Item</li>
<li>Item</li>
</ul>

Ordered

  1. Item
  2. Item
  3. Item

Code Section

<ol>
<li>Item</li>
<li>Item</li>
<li>Item</li>
</ol>