Upgrade to Pro — share decks privately, control downloads, hide ads and more …

How to create a living style guide

Fiona Chan
March 28, 2013

How to create a living style guide

A short presentation around the steps to take to create a living style guide.

This was presented at Web Directions What Do You Know 2013.

Fiona Chan

March 28, 2013
Tweet

More Decks by Fiona Chan

Other Decks in Design

Transcript

  1. Why a style guide? • Consistency in design and code

    • Reference for the whole team • Speed up development time
  2. Common components • Typography • Links • Lists • Boxes

    and background colours • Buttons • Forms
  3. Extra resources • Front-end style guides http://24ways.org/2011/front-end-style-guides/ • Front-end style

    guide collection https://gimmebar.com/collection/4ecd439c2f0aaad734000022/front-end-styleguides • Making Front-end Development a Team Sport http://cognition.happycog.com/article/making-front-end-development-a-team-sport