Mockups To Go

A user-contributed collection of ready-to-use UI components and design patterns built using Balsamiq Mockups. 
Tags


Filed under

Grids

 
September 16, 2009

960 grids centered in browser

Contributed by Benjamin Gray - http://www.theworldallaround.com

 A starting point for those designing against the 960.gs grid system.

 (re-posted by Peldi so that it no longer use an image)

Click here to download:
960grid.bmml (11 KB)

Loading mentions Retweet
Filed under  //   Grids  

Comments [2]

September 3, 2009

960 Grid System (revised)

Contributed by Derek McLoughlin

This template fixes minor problems with Peldi's original one - the grid sizes are now 60 pixels (12 col) and 40 pixels (16 col) with spacing of 20 pixels in each.

Click here to download:
960grids.bmml (11 KB)

Loading mentions Retweet
Filed under  //   Grids  

Comments [0]

March 31, 2009

Blueprint CSS Grid

Contributed by Geoffrey Dagley

Grid based on the Blueprint CSS framework, 950px wide with 24 columns.

Click here to download:
blueprintcss.bmml (9 KB)

Loading mentions Retweet
Filed under  //   Grids  

Comments [1]

March 29, 2009

YUI Grids

Submitted by Marco and Peldi of Balsamiq.
 
The YUI Grids, but done in Balsamiq Mockups.
 
http://developer.yahoo.com/yui/ for more info.

Click here to download:
YUI_grids.bmml (34 KB)

Loading mentions Retweet
Filed under  //   Grids   Layout   YUI  

Comments [0]

March 8, 2009

960 Grids

Contributed by Peldi upon request by Andraz Kozelj.
 
Two grouped grids. Both 960px wide, one with 12 columns and one with
16. Based on Nathan Smith's 960.gs work.

Click here to download:
960grids.bmml (11 KB)

Loading mentions Retweet
Filed under  //   Grids   Layout  

Comments [0]