style-guides

Home/Topicstyle-guides

What needs to be in your style guide? (And how do you enforce it?)

From Design Shack: Everyone with a website needs a style guide. It’s that simple. If you’re wanting to instil more consis­tency in your project, and get everyone on the same page, your style guide will become invalu­able.

Now that we have that out of the way, what exactly do you put in that guide? And how do you make sure other people on the team follow the rules so that your visual pres­ence main­tains consis­tency? That’s a little more compli­cated. · Go to What needs to be in your style guide? (And how do you enforce it?) →

Style guide best practices

From User Inter­face Engi­neering: The bene­fits of style guides are many: they estab­lish a common language, make testing easier, save time and effort, and create a useful refer­ence to keep coming back to. And most impor­tantly, it lays a future-friendly foun­da­tion for your orga­ni­za­tion to modify, extend, and evolve over time. · Go to Style guide best prac­tices →

An in-depth overview of living style guide tools

From Smashing Maga­zine: Following the market’s demand for mini­mal­istic and consis­tent UIs, and the growth in modular web devel­op­ment, we tend to pay more and more atten­tion to docu­men­ta­tion and the effi­ciency of designer–engineer work­flow with each project we under­take. Also, since the docu­men­ta­tion process is often the weakest spot for modern web teams, we’re constantly looking for the right tools to help us.
Living style guides help front-end devel­opers trans­form front-end code bases into well-described pattern libraries with the minimum of effort. But to make them really effi­cient, we need to choose the proper tools — so let’s have a closer look at what our commu­nity has to offer. · Go to An in-depth overview of living style guide tools →

The complete guide to special characters

From Design Shack: Not every­thing is as easy as ABC or 123. Some­times your copy might require a char­acter outside of the basic alphabet. That’s where special char­ac­ters and glyphs come in. Look around, they are more common than you might think at first.

Depending on your work­flow, inserting a glyph can be as simple as a keystroke or a multi-step process. Much of it depends on the soft­ware you are using, typog­raphy palette and how the final product will be published. · Go to The complete guide to special char­ac­ters →

Creating style guides

From A List Apart: A style guide, also referred to as a pattern library, is a living docu­ment that details the front-end code for all the elements and modules of a website or appli­ca­tion. It also docu­ments the site’s visual language, from header styles to color palettes. In short, a proper style guide is a one-stop guide that the entire team can refer­ence when consid­ering site changes and iter­a­tions. Susan Robertson shows us how to build and main­tain a style guide that helps everyone from product owners and producers to designers and devel­opers keep an ever-changing site on brand and on target. · Go to Creating style guides →

Why WordPress core needs a writing style guide

From WPShout: Tone is often a sublim­inal thing. Over months and years, you work with a person, an orga­ni­za­tion, or a soft­ware package, and even­tu­ally you notice that it gener­ally makes you feel either happy or bummed out, listened to or scoffed at.

I wrote this post after noticing that parts of my daily inter­ac­tions with Word­Press Core were making me feel the wrong sets of things. The post outlines what I believe to be signif­i­cant prob­lems with the written tone of Word­Press Core, and argues for the creation of a formal Word­Press writing style guide. · Go to Why Word­Press core needs a writing style guide →

How to write a style guide

From Intel­li­gent Editing: In publishing and media compa­nies, use of a style guide is the norm. However, style guides can also be useful for any orga­ni­za­tion that prepares docu­ments for clients and the public. This article is for orga­ni­za­tions outside of the publishing industry who can benefit from the intro­duc­tion of a style guide.

A style guide is a refer­ence point that sets stan­dards for writing docu­ments within your orga­ni­za­tion. The focus of the style guide is not usually a matter of ‘correct’ or ‘incor­rect’ grammar or style but, rather, it provides guid­ance for instances when many possi­bil­i­ties exist.

Style guides offer you the chance to present your brand in a consis­tent way. They help to ensure that multiple authors use one tone. And they help save time and resources by providing an instant answer when ques­tions arise about preferred style. · Go to How to write a style guide →