Style Guides

  • Gulp.js
    Combining Pattern Lab with Gulp for Improved WorkflowGulp atom
    Do you and your team work with styleguides? Do you have documentation for your modules? If not, don’t panic. In this tutorial I’ll show you how it’s possible to improve the way you work with your team. We’ll explore concepts suggested by Brad Frost, using Pattern Lab to create styleguides, with Gulp to handle the assets. Let’s begin!Read More…
  • UX
    Stop Putting User Personas in Your Desk DrawerMailchimp
    Personas are something we have lifted from the advertising industry. Unfortunately too often they don’t fit the web design process. Now is the time to change that.Read More…
  • Adobe Photoshop
    Designing a Web App UI Kit‏ in Adobe PhotoshopWeb app ui kit preview
    Style guide driven development offers a hugely flexible approach to modern web design. In this tutorial I'll walk you through designing a UI (user interface) kit, whilst also explaining the decision-making that will keep our UI kit consistent and reusable.Read More…
  • Workflow
    Making the Most of Style Tiles for Leaner DesignSm
    Style tiles are the startup version of brand guidelines. How can we leverage their power in small businesses to make our design process 'leaner'?Read More…
  • Style Guides
    50 Style Guide Tools, Articles, Books and ResourcesRoundup thumb
    In this article we're rounding up all the Style Guide material you have at your disposal from around the web.Read More…
  • Style Guides
    Front End Style Guides: Your Questions AnsweredQuestion
    We recently gave our Twitter followers the opportunity to ask anything they wanted on the subject of Front End Style Guides. Here are the best questions and (of course) the answers!Read More…
  • UX
    Using Guidelines to Mind Your ToneTov
    In this article I’m going to discuss why you need tone of voice guidelines, what to include, how to ensure they are used and refer to plenty of examples of existing guidelines from some well known organisations. This article assumes that you have already identified what tone of voice is most appropriate for your organisation.Read More…
  • Branding
    How to Create Style Guides for a Specific Audience4 logo
    In this article, I'd like to explore some of the audiences you might create a style guide for, and some techniques that you can use to build stronger, more sustainable branding ecosystems.Read More…
  • Workflow
    A Super-Quick Introduction to Style GuidesIntro
    This week the Tuts+Web Design team is bringing you an in depth series of pieces on the wide world of Style Guides and all the moving parts that go along with them.Read More…
  • Content Strategy
    Bad Things Happen When You Don’t Put Content FirstBad
    An open letter to the man that ruined my week.Read More…