Typography

General typographic styles are either scoped with .prose or applied with individual classes like .h1 or .p--small. This practice stops style leaking into unexpected areas. See my article Scoping Typography CSS.

This is the primary headline

This is a secondary headline

This is a tertiary headline

This is a average headline

This is a small headline
This is a micro headline

This is a paragraph

I make websites. I help small businesses, start-ups, individuals, and fellow web agencies make the most of their web presence. I like to call myself a Websitemaker. It gets straight to the point. While I specialise in design and front-end development, my experience and knowledge covers a whole lot more. So if anyone asks, tell them I make websites.

That was an <ul> (unordered list) and this is an <ol> (ordered list):

  1. Clone the repository
  2. Run npm install
  3. Run grunt watch and start coding!

Copyright © 2013 David Bushell — this is small print.

This is a large paragraph

I make websites. I help small businesses, start-ups, individuals, and fellow web agencies make the most of their web presence. I like to call myself a Websitemaker.

This is a small paragraph

I make websites. I help small businesses, start-ups, individuals, and fellow web agencies make the most of their web presence. I like to call myself a Websitemaker. It gets straight to the point. While I specialise in design and front-end development, my experience and knowledge covers a whole lot more. So if anyone asks, tell them I make websites.

This is a blockquote

I consider a browser supported if I actively test the core content and functionality — integral to the purpose of the website — is accessible. I’ll also take steps to ensure the quality of design and overall experience is on par with the browser’s capabilities.

David Bushell