Typography

Headings, copy and other typographic utilities

This is an H1.

This is an H2.

This is an H3.

This is an H4.

This is an H5.
This is an H6.

Paragraphs

Helvetica lo-fi artisan thundercats fixie shoreditch. Hoodie put a bird on it retro, next level kogi mlkshk photo booth PBR master cleanse scenester american apparel. Williamsburg typewriter yr, beard helvetica shoreditch wayfarers occupy bushwick tattooed. Put a bird on it yr williamsburg, 3 wolf moon vinyl aesthetic tattooed pork belly. Terry richardson leggings echo park whatever, helvetica pickled gentrify.

Horizontal rule

<h4 class="rule">
</h4>

I'm a header with a rule

Strong & Emphasis

<strong></strong>
I'm strong and you shoud check me out.
<em></em>
I'm emphasized and you should have a look.

Lists

Unordered Lists

<ul>
  <li>List items are fun</li>
  <li>But they need style</li>
  <li>Sometimes defaults are <em>just</em> fine</li>
</ul>
  • List items are fun
  • But they need style
  • Sometimes defaults are just fine

Ordered Lists

<ol>
  <li>List items are fun</li>
  <li>But they need style</li>
  <li>Sometimes defaults are <em>just</em> fine
</ol>
  1. List items are fun
  2. But they need style
  3. Sometimes defaults are just fine

Lists with no style

<ul class="nostyle">
  <li>List items are fun</li>
  <li>But they need style</li>
  <li>Sometimes defaults are <em>just</em> fine
</ul>
  • List items are fun
  • But they need style
  • Sometimes defaults are just fine