“Designing Imaginative Style Guides‘ for this year‘s 24 ways

On a change from the usual date–for the past eight years I’ve been published on 23rd December—I’m back on 24 ways again this year with a new article about Designing Imaginative Style Guides.

“Front-end code guidelines or component/pattern libraries all offer something different but more often than not they have something in common. They look ugly enough to have been designed by someone who enjoys configuring a router.”

I know that sounds mean, but I’m as frustrated with lazy and predictable style guide design as I am with the general state of design on the web. I could write a short book on style guide design—it’s something that I’ve been thinking about—so for this 24 ways article I just cover colour. I set a few ways that people can make their style guides more imaginative, without compromising any functionality.


I’m also taking this opportunity to soft-launch something that I’ve been working on for the past few weeks, Purposeful style guide templates.

“Purposeful are packs of HTML and CSS style guides templates designed to help you develop creative style guides and pattern libraries for your business or clients. Each pack includes twenty pages covering all common style guide components including colour, typography, buttons, form elements, and tables, plus popular pattern library components.”

You get a peek at some of my designs in the article and Purposeful style guides will be available to buy online in January.


I’m interested in remote design and consulting projects world-wide and speaking at conferences in Asia, Australia, and New Zealand.

Available now

Talk to me

For work enquiries email

Or call Sue on +44 (0)1745 851848

Your call won’t cost more than calling the UK.


Stuff & Nonsense Ltd.
Eversleigh, Lon Capel
Flintshire, LL18 6EJ, UK

I’m currently in Sydney, Australia