#Style Guide

A base for creating style guides, with click to copy swatches.
This uses the Respond framework as a base. If you are using Respond on your site, then once the style guide is completed, you can replace the styles.css in Respond with this. Then all the typography, forms and any other styles you defined will be setup and ready to go.

##Add/edit logos & icons: Add the images to the images directory, then mark them up as usual in the HTML.

    <img src="images/logo.png" />

##Add/edit colours: Create one block of the following HTML for each colour, then the swatch and the click to copy will be taken care of for you.

    <div class="colour">
        <div class="name">Charcoal</div>
        <div class="hex">#333</div>
        <div class="description">Main text colour</div>
    </div>

##Define styles: Edit the styles.css and create your own styles for the typography, forms, buttons etc.

View it in action here