Style Guide

Colours

Typography

This is a heading of the highest importance.

This is a sample paragraph. I do not clearly remember the arrival of the curate, so that probably I dozed. I became aware of him as a seated figure in soot-smudged shirt sleeves, and with his upturned, clean-shaven face staring at a faint flickering that danced over the sky. The sky was what is called a mackerel sky--rows and rows of faint down-plumes of cloud, just tinted with the midsummer sunset.

I'm a subheading

Paragraphs might also contain strong text, emphasized text, and maybe even a link somewhere.

An introductory paragraph is a great way to summarise the content before the reader really digs into the detail of your story. With a .intro class attached, this special paragraph can have a unique text size while inheriting its other attributes from it's parent.

" This is a blockquote, an element that represents a section that is being quoted from another source."

Here are some other headings you might want to use. [h3]

You should set up some base styles for all of us. [h4]

Me too, please![h5]
Don't forget about little 'ol me. [h6]

Forms

Form Title [.form-title]

Media


img.avatar

div.video iframe

UI Components

I'm a big Button! I'm a small Button! Button with a new colour scheme!

I'm a .panel of text. Use me to draw attention to important content.