openswitch now aligned to the 960gs

Shawn told me about the 960 grid system a few days ago, before I started seeing it all over the Web. Since then, Nathan has written about his creation and released a most excellent package complete with .psd files, and even .pdf pages to print out so you can sketch your next design in perfect alignment.

When I first heard about it I didn’t pay it much mind, but after readopting this old-ish style of mine and being the nit-picky person I am, I wanted all my elements to line up in a perfect and aesthetically pleasing way. I think a grid layout makes the most sense to accomplish that. So I took the 16 column grid, applied it to my site and went about the business of scooting pixels around. Here’s the result:

front page grid

aux page grid

Even though the basic layout of the site didn’t change, just having all the elements aligned perfectly to a grid makes it look MUCH better, in my opinion. Thank you, Nathan, for putting this together. I know it’s helped me a lot and I fully plan on using it in all my subsequent designs.

Filed under:
Ben Gray
article ad one
Advertise on openswitch.org »

6 comments

Nicely done! I’m humbled by how much people seem to like 960.gs. Also, I see you’re back up and running on Textpattern. Points += 2. :)

Nathan Smith · Mar 27, 07:28 PM

Thanks for the kind words. It’s OK to be humble, but don’t be shocked. The 960gs is superb.

Re: TXP, yeah, that’s why I was asking you about your forthcoming redesign and if you were switching CMS’s, I was glad to hear that you still put a lot of stock in TXP.

Ben · Mar 27, 07:42 PM

Very nice, Ben. I liked this design back when you last switched to TXP.

Will Wilkins · Mar 27, 11:32 PM

Thanks, Will. I like it too.

Ben · Mar 27, 11:34 PM

Nice redesign though, I like it. Simple, white(I like white colour actually) and strong grid design.

Maybe next time you can write about the processes to use the 960gs CSS framework in this site.

Wondering if there any CSS framework besides Blueprint and 960.gs

Bat · Mar 30, 01:15 PM

I didn’t actually use any of the 960 CSS. What I did was aligned my site using the principles set forth in the 960 grid system and used my own CSS.

I’m not sure if there are other CSS frameworks.

Ben · Mar 30, 01:41 PM

Comments are closed. Please go home. Comments are locked either six weeks after the post date or when I think conversation has run its course. If you have something to say, use the contact form.