Save 40% Style guides, pattern and component library templates that are beautiful as well as functional

Designing and developing professional looking style guides for you, your business or your clients needn’t take days nor cost the Earth. Buy a set of Inspired Guide template designs for only £169 and sell for hundreds more. With dozens of common elements already built in, you’ll save hours or even days creating your own style guide.

These style guides are the culmination of almost twenty years experience in branding and design. Inspired Guides were designed by Andy Clarke, who was talking about design systems before it was “the hip thing to do.” All come with satisfaction guaranteed, free updates and bug fixes forever.

Black Friday—Cyber Monday sale

Save 40% on all individual style guide designs and sets until end of Monday 27th November. Satisfaction guaranteed: Plus, if you’re not 100% happy with the templates, just let us know, and we will refund your money. You can even keep the files! You really have nothing to lose.

Set 1

Playfair, Merriweather, and Open Sans: A set of three beautiful style guide designs, each including twenty pages that are easily configurable with your own colours and fonts.

£238.00+ tax40% off, save £159

Three for price of two.

Buy three designs for the price of two.

Set 2

Noto, Raleway, and Source: A set of three beautiful style guide designs, each including twenty pages that can be hosted anywhere and help transform even the most common elements into an engaging and informative tool.

£238.00+ tax40% off, save £159

Three for price of two.

Buy three designs for the price of two.

Easy to get started

Inspired Guides are a great choice for creative people who don’t want Node.js, npm or other complicated technical solutions to get in the way of making a style guide. They’re easy to get started, require only a basic knowledge of HTML and CSS and can be hosted anywhere.

Replace values for colour, font names, sizes and weights

Add and edit CSS Custom Properties (variables)

Edit sample style guide pages or add new ones with Mustache templates

Perfect for

Agencies who create style guides for clients

Independent graphic and web designers

Teams at established organisations or start-ups

Technical people who want great looking style guides that easily integrate into popular frameworks.

Developed with current best practices

Beautifully organised stylesheets

Meaningful HTML

Progressive enhancement

Responsive by default

We’ve also removed all dependencies, so you won’t need a framework or any particular software or toolset to make an inspiring style guide.

Responsive typography

Inspired Guides come connected to popular Google Fonts, but are easily configured to include Typekit or self-hosted fonts. They show how to get the most from even the most common typefaces.

Technical information

We designed Inspired Guides to be easy to use by creative and technical people. There’s no complicated set up, build tools required or dependencies. All you need to know is how to write HTML and CSS.