The Digital Bliss Style Guide

We started working on the style guide for the Digital Bliss website approximately halfway through the development of this website, of course the benefits of a style guide are maximized when it is used as a tool from the start of development.

Still it proved to be useful in:

• Creating a single point of reference for the main styling rules.
• Refactoring the CSS code to be more efficient.
• Improving testability.
• Having a boilerplate style guide for future projects.

All the elements were included in a single HTML page, LESS as the stylesheet language of choice.

The source code can be found at our Github account here.