Thursday, 30 October 2014

Week 8 Style Guide

Style Guide

A brief visual style guide review was conducted to assess the similarities between different craft and design websites. The main commonalities identified were:

·      Light/bright themes with fresh colours.
·      Cool/organic colouring for sites that catered to the female demographic i.e. Modcloth, Etsy and Craft Gawker.
·      Stark colour contrasts for sites that catered to unisex and male demographics i.e. Pinterest and DIY Network.
           

Text Treatment:
Two easy-to-read, clean, sans-serif type fonts, Lato and Arvo have been chosen. The foundation for this decision was influenced by the website Modcloth and its design.

All text on the site will be set in this typeface and are available from <http://www.google.com/fonts>. The fonts can be implemented via the CSS using the following code:

<link href=’http://fonts.googleapis.com/css?family=Lato|Arvo’rel=’stylesheet’ type=’text/css’>

Font size and style

<h1> Lato Bold 700 {font-size: 2em} 428A8C
<h2> Lato Normal 400 {font-size: 1.5em} 428A8C
<h3> Lato Normal 400 {font-size: 1.308em} 7AC6CE
<p> Lato Book 300 {font-size: 1.17em} 00000
<a> Lato Book 300 {font-size: 1.17em} A0A0A0
<a visited> Lato Book 300 {font-size: 1.17em} 7AC6CE




No comments:

Post a Comment