What is a Webstile?

Webstiles is a template to help you prototype in the browser, to quicky define colors, fonts, and the overall mood of a website.

It is a type of design deliverable, heavily inspired from Style Tiles.

You download the template, open up its CSS, set fonts and colors. You then open up the HTML file, and change the headlines/slogans and adjectives, and optional, remove any sections not required. Once you’re done, you have a finished webstile that you could present to your clients or share with your team.

Webstiles tell the mood of the website, by defining typography, colors, layout and buttons. They help communication between the designer and the client, and are a step before full-fledged mockups, but one step after wireframes.

Feel free to check out the demo, download webstiles’ template, and mess around!

Like it? Tweet it!