Back to imamuseum.org

IMA on the Grid

I’m not talking about our location, but the method we used to lay out our new website.

A trending choice for web designers is to use a grid layout system as a way to streamline web development workflow by providing commonly used dimensions. We based ours on a design with the width of 960px because our most common visitor’s screen resolution is still hovering at 1024 x 768 (according to Google Analyitics). Our grid system of choice is the ever easy to use and understand 960 Grid System. We chose the 12 column layout.

IMA Homepage with 960.gs grid layout overlay

The 12-column grid is divided into portions that are 60 pixels wide. The 16-column grid consists of 40 pixel increments. Each column has 10 pixels of margin on the left and right, which create 20 pixel wide gutters between columns. More

Here are a few more examples of our website w/ the 960 grid overlay:

Filed under: Technology

Comments are closed.