Typography


<h1>

Headline 1

<h2>

Headline 2

<h3>

Headline 3

<h4>

Headline 4

<h5>

Headline 5

<p>

Some lovely body copy including bold and italic text. Let’s also not forget inline links, we use those in certain places, don’t we?

<ul>

<ol>

  1. Ordered List Item 1
  2. Ordered List Item 2
  3. Ordered List Item 3

Buttons


.btn

Primary Button

.btn--secondary

Secondary Button


Icons


Icons on the site are from the excellent Pictos Redux set by Drew Wilson.


Colors


.color__bg--base

.color__bg--base-dark

.color__bg--base-75

.color__bg--base-62

.color__bg--base-50

.color__bg--base-38

.color__bg--base-25

.color__bg--base-12

.color__bg--base-5

.color__bg--base-highlight

.color__bg--highlight-dark

.color__bg--highlight-75

.color__bg--highlight-62

.color__bg--highlight-50

.color__bg--highlight-38

.color__bg--highlight-25

.color__bg--highlight-12

.color__bg--highlight-5

.color__bg--white