HOWEVER, I’m pretty happy with how the site turned out. Everything is more logically organized, and the product shots are front-and-center for customers. There are A TON of other little things I did on the site (and will comment about in further blog posts), but for this instance, I’d like to focus only on the grid.
The primary grid is made up of 6 columns that are 140px wide with 10px of space in between. The screenshot below shows the grid overlaid on a “Product Category” page.
The smaller, secondary grid is made up of 12 columns that are 65px wide with 10px of space in between. The screenshot below shows the grid overlaid on the “Shopping Cart” page.
Every single page on the new UrbanOutfitters.com follows the same grid structure… from the home page, to the shopping cart, to all the form fields on the site. Take a look around the site and I think you’ll start to pick up on it. And if you need a little help, check out my flickr set where I’ve dumped a bunch of screenshots with grid overlays.