Style Guide

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

Body copy

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vestibulum, tortor sit amet dictum suscipit, orci ex finibus eros, vitae varius felis libero pellentesque lorem. Donec ut dapibus justo, id sodales felis. Donec convallis felis et vehicula accumsan. Aenean eu facilisis est. Praesent vel lectus nec sem blandit cursus sit amet id metus. Vivamus tempor sem a tristique fringilla. Morbi ac tellus ac mauris lacinia rutrum id eu nulla. Curabitur lacus lectus, cursus vitae pharetra quis, bibendum vitae leo.

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vestibulum, tortor sit amet dictum suscipit, orci ex finibus eros, vitae varius felis libero pellentesque lorem. Donec ut dapibus justo, id sodales felis. Donec convallis felis et vehicula accumsan. Aenean eu facilisis est. Praesent vel lectus nec sem blandit cursus sit amet id metus. Vivamus tempor sem a tristique fringilla. Morbi ac tellus ac mauris lacinia rutrum id eu nulla. Curabitur lacus lectus, cursus vitae pharetra quis, bibendum vitae leo.</p>

Links

Example Link

<a href="#">Example Link</a>

Other

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vestibulum, tortor sit amet.

<p class="subtext" >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vestibulum, tortor sit amet.</p>

Buttons

Button Normal 

<a class="button" >Button Normal</a>

 

Button Radius 

<a class="button radius" >Button Radius</a>

 

Button Round 

<a class="button round" >Button Round</a>

 

 

Button Round Small 

<a class="button round small" >Button Round Small</a>

 

Other options:

Colors blue, red, green
Size small, medium, large