Posts Tagged with “rule of thirds”

1322px Grid


Now that 1366 is quickly becoming the most popular screen width, a 1322px grid with 22px gutters is ideal because you can divide the space into 24, 20, 12, 10, 8, 6, 4 and 3 columns. This easily allows for the rule of thirds, and also leaves you with 22px margins on each side of the grid.

Seems like we’ve finally hit the point where we can work in a nice big canvas. Would be great to have a responsive CSS framework built around this configuration. Anyone up for the challenge?

Here’s a quick PSD I created with the columns.

Divine Proportion


I’m a big advocate of using divine proportions and the rule of thirds in any type of design work. I think any well constructed grid system should start from one of these proportions. They make a design more balanced, structured, compelling and far more communicative.

Here’s a great article on Smashing Magazine on both subjects.