Robbie Manson » Resources http://www.robbiemanson.com Robbie Manson is an interface designer working at FreeAgent in Edinburgh, Scotland. Tue, 03 Apr 2012 23:15:10 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 960px grid templates http://www.robbiemanson.com/resources/960px-grid-templates/ http://www.robbiemanson.com/resources/960px-grid-templates/#comments Thu, 25 Mar 2010 20:25:06 +0000 Robbie http://blog.robbiemanson.com/?p=425 I’ve created a selection of 960 pixel-wide uniform grid templates ranging from 3-columns to 16-columns, for both Adobe Photoshop and Fireworks:

View the repository on GitHub →

Although the margin widths of these uniform grid templates do vary, each one adheres to an overall width of 960px. All of the templates are released under a Creative Commons Attribution-Share Alike license, meaning you can distribute derivative works but only under a license identical to the Attribution-Share Alike license. They may be used for commercial purposes, but you may not sell them.

Nathan Smith, creator of the nifty 960 Grid System, already provides 12, 16 and 24-column grid templates that work well if you’re designing to build with his framework. But as someone who doesn’t actively use CSS frameworks, I wanted a greater variety of grids to aid in my site designs. I figured if I made them, I could release them for general consumption and maybe try to give a little something back to the web community that I’ve taken so much from!

Please, if you notice any issues with any of the templates or have suggestions on how to improve them, let me know. Thanks.

Grid Margin width Gutter width
3 column 10px 20px
4 column 10px 20px
5 column 10px 20px
6 column 10px 20px
7 column 14px 20px
8 column 10px 20px
9 column 13px 20px
10 column 10px 20px
11 column 17px 20px
12 column 10px 20px
13 column 9px 20px
14 column 14px 20px
15 column 10px 20px
16 column 10px 20px
]]> http://www.robbiemanson.com/resources/960px-grid-templates/feed/ 9 Vignelli: Minimal Tumblr theme http://www.robbiemanson.com/resources/vignelli-minimal-tumblr-theme/ http://www.robbiemanson.com/resources/vignelli-minimal-tumblr-theme/#comments Sun, 14 Mar 2010 12:03:42 +0000 Robbie http://blog.robbiemanson.com/?p=473 Tumblr is a superb microblogging platform for folks who want to get up and running with minimum hassle. The feature set is constantly improving and there are already a number of good themes available. However, when I was searching for a minimalist-style theme, I couldn’t find one I was particularly happy with.

I decided to create to my own free minimal Tumblr theme, inspired loosely by the great Modernist Massimo Vignelli, and the style of my own blog.

Vignelli theme screenshot

Colour customisation

Colours for the following elements are completely customisable once the theme has been installed:

  • Top border colour
  • Site title colour
  • Link colour
  • Link hover colour
  • Button colour
  • Button hover colour
  • Post title colour
  • Post title link colour

To customise these colours, click ‘Customize’ from the site menu in your Dashboard, then ‘Appearance’ from the menu bar.

Twitter status and social links

To show your latest Twitter status and links to other accounts you have on the web, simply add your own usernames under the ‘Appearance’ menu on your Tumblr ‘Customization’ screen.

]]> http://www.robbiemanson.com/resources/vignelli-minimal-tumblr-theme/feed/ 99