Color

Icons

  • .icon-arrow-back
  • .icon-arrow-forward
  • .icon-arrow-2
  • .icon-arrow
  • .icon-reply
  • .icon-forward
  • .icon-reply-large
  • .icon-proceed
  • .icon-play
  • .icon-pause
  • .icon-cancel
  • .icon-checkmark
  • .icon-plus
  • .icon-write
  • .icon-pencil
  • .icon-pencil-large
  • .icon-expand
  • .icon-share
  • .icon-lock
  • .icon-star
  • .icon-pin
  • .icon-feed
  • .icon-mail
  • .icon-search
  • .icon-photo
  • .icon-camera
  • .icon-cog
  • .icon-comment
  • .icon-disqus
  • .icon-discovery
  • .icon-facebook
  • .icon-google-plus
  • .icon-twitter
  • .icon-facebook-circle
  • .icon-google-plus-circle
  • .icon-twitter-circle
  • .icon-bell
  • .icon-images
  • .icon-map
  • .icon-video
  • .icon-music
  • .icon-expand-corners
  • .icon-menu

Typography

Headings

Page header

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
<h1 class="page-header">Page header</h1>
<h1>Heading 1</h1>
<h2>Heading 2</h1>
<h3>Heading 3</h1>
<h4>Heading 4</h1>
<h5>Heading 5</h1>
<h6>Heading 6</h1>

Body copy

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec nulla sed leo porttitor accumsan. Sed tristique dapibus euismod. Aliquam eu metus accumsan lacus viverra dapibus. Praesent blandit, ligula id molestie consequat, nisl lectus posuere orci, et lacinia nibh lacus vitae nisl.

Nulla sodales sapien mauris. Phasellus porta, ligula vitae faucibus convallis, eros sapien placerat erat, quis congue diam dui eget metus. In tempus ornare diam, quis vehicula mi rhoncus ac. Curabitur pulvinar massa a est egestas pharetra ut quis augue. Sed cursus, dolor in pretium vehicula, ligula lorem posuere justo, ut porta est tortor nec tellus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec nulla sed leo porttitor accumsan. Sed tristique dapibus euismod. Aliquam eu metus accumsan lacus viverra dapibus. Praesent blandit, ligula id molestie consequat, nisl lectus posuere orci, et lacinia nibh lacus vitae nisl.

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec nulla sed leo porttitor accumsan. Sed tristique dapibus euismod. Aliquam eu metus accumsan lacus viverra dapibus. Praesent blandit, ligula id molestie consequat, nisl lectus posuere orci, et lacinia nibh lacus vitae nisl.</p>

<p>Nulla sodales sapien mauris. Phasellus porta, ligula vitae faucibus convallis, eros sapien placerat erat, quis congue diam dui eget metus. In tempus ornare diam, quis vehicula mi rhoncus ac. Curabitur pulvinar massa a est egestas pharetra ut quis augue. Sed cursus, dolor in pretium vehicula, ligula lorem posuere justo, ut porta est tortor nec tellus.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec nulla sed leo porttitor accumsan. Sed tristique dapibus euismod. Aliquam eu metus accumsan lacus viverra dapibus. Praesent blandit, ligula id molestie consequat, nisl lectus posuere orci, et lacinia nibh lacus vitae nisl.</p>