Styleguide Header 1 Example

Example of the h1 header

Headers

Example of the h2 header

Header 3 Example

Example of the h3 header

Header 4 Example

Example of the h4 header

Colors

Primary Color

Secondary Color

Highlight Color

Font Color

Paragraphs and elements

I decided to create a Style Guide after reading Anna Debenham’s “Front End Style Guides” even though I was more than half way through the process of creating the Digital Bliss website.

I have many reasons for doing so but mostly I wanted to investigate in practice how a Style Guide could become part of my process and its effect on the effieciency of the process and of course the end result especially in the context of a responsive, content and mobile first approach.

In addition it would make a nice addition to our Github account which is currently suffering and of course I was certain the process would help me in refactoring the CSS codebase for the better.

Lists

Following are examples of lists:

Unordered List

• Item
• Item

Ordered List

1. Item
2. Item

Time bits and bobs

This and that and the other

Date

Buttons

This one contains text

This one an image

Table