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. Tutorial Assets In order to follow along you will need the following (freely available) assets: Open Sans font from Font Squirrel or Google Fon
![Designing a Web App UI Kit in Adobe Photoshop | Envato Tuts+](https://cdn-ak-scissors.b.st-hatena.com/image/square/f88990e0a66ba37ab0a5b9430486dbbbe7d01263/height=288;version=1;width=512/https%3A%2F%2Fcms-assets.tutsplus.com%2Fuploads%2Fusers%2F65%2Fposts%2F21963%2Fpreview_image%2Fweb-app-ui-kit-preview.jpg)