style name html typeface weight font-size text-transform line-height letter-spacing color alignment
Body
<span>Body</span>
Uni Neue Regular 400 17px None 28px .1px - -
Display 1
<span class="display-1">Display 1</span>
Uni Neue Heavy 900 68px None 84px .42px - -
Display 2
<span class="display-2">Display 2</span>
Uni Neue Heavy 900 56px None 72px .35px - -
Display 3
<span class="display-3">Display 3</span>
Uni Neue Heavy 700 44px None 56px .28px - -
Display 4
<span class="display-4">Display 4</span>
Uni Neue Heavy 900 36px None 48px .23px - -
Heading 1
<h1>Heading 1</h1>
<span class="h1">Heading 1</span>
Uni Neue Heavy 900 32px None 40px 0.2px - -
Heading 2
<h2>Heading 2</h2>
<span class="h2">Heading 2</span>
Uni Neue Heavy 900 24px None 32px 0.2px - -
Heading 3
<h3>Heading 3</h3>
<span class="h3">Heading 3</span>
Uni Neue Bold 900 20px None 28px 0.1px - -
Heading 4
<h4>Heading 4</h4>
<span class="h4">Heading 4</span>
Uni Neue Heavy None 18px None 24px .1px - -
Heading 5
<h5>Heading 5</h5>
<span class="h5">Heading 5</span>
Uni Neue Heavy None 16px None 24px 0 - -
Heading 6
<h6>Heading 6</h6>
<span class="h6">Heading 6</span>
Uni Neue Heavy None 14px None 20px .1 - -
Sport Data Score
<span class="text-data">Sport Data Score</span>
Uni Neue Heavy 900 16px None 24px 0px - -
headline
<span class="headline">headline</span>
Uni Neue Regular 400 16px none 24px 0px - -
subhead
<span class="subhead">subhead</span>
Uni Neue Regular 400 14px none 20px .1px - -
footnote
<span class="footnote">footnote</span>
Uni Neue Regular 400 13px none 20px .2px - -
caption
<span class="caption">caption</span>
Uni Neue Regular 400 12px none 20px .1px - -
overtext
<span class="overtext">overtext</span>
Uni Neue Regular 400 12px uppercase 20px 1px - -
mono
<pre>mono</pre>
InterstateMono 400 13px None 18px .1px - -
link
<a href="#">link</a>
Uni Neue Regular 400 13px None 16px .2px $primary -
bold
<span class="bold">bold</span>
Uni Neue Bold 700 - - - - - -
heavy
<span class="heavy">bold</span>
Uni Neue Heavy 900 - - - - - -

small

<small>Paragraph (small)</small>
<span class="small">Paragraph (small)</span>
- 400 80% - - - - -

Paragraph

<p>Paragraph</p>
<span>Paragraph</span>
Uni Neue Regular 400 15px None 22px .15px - -
subtitle-1
<span class="subtitle-1">subtitle-1</span>
Uni Neue Regular 400 12px uppercase 15px .03px - -
subtitle-2
<span class="subtitle-2">subtitle-2</span>
Uni Neue Regular 400 11px None 14px .75px - -
<button class="btn">button</button>
<a class="btn">button</a>
Uni Neue Heavy 900 12px uppercase 15px .75px - -
status
<span class="status">status</span>
Uni Neue Bold 700 11px uppercase 15px .8px - -
<time datetime="pt1h">date/time</time>
Uni Neue Regular 400 11px uppercase 15px .8px - -