Stuff & Nonsense product and website design

Blog and all that malarkey

“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.

Purposeful

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.


Written by Andy Clarke


More from Stuff & Nonsense

Andy Clarke demonstrates how to take your product and website designs to the next level.

Take your Squarespace designs to the next level with our premium Squarespace templates.

The popular web design contract template trusted by thousands of web designers and developers.

Andy is an experienced mentor who can help you improve your design skills and develop your career.


Hire me. I’m available now to work on product and website design projects.