Cisco Blogs

Page Grids (are Good)

January 15, 2008 - 3 Comments

Sometimes I think some of our web pages look, well, lopsided. Not everything, mind you. Not our nicely laid out home page or our wonderfully appointed news pages, of course. But look at some pages and you wonder if everything is lined up quite right.And other sites, too: This is a problem which many, many famous web sites display, and it’s all on account of something called page grids.I have often pondered this issue, and was delighted when a friend of mine pointed me to an entry from Khoi Vinh’s Subtraction blog all about page grids. There is more to grids in Khoi’s linked PDF presentation from last year’s South by Southwest (SXSW) conference than you probably ever imagined there was to know.The extensive presentation contains great advice for all web designers.P.S. Here’s a sample page from the presentation:PageGrids.jpg(Trust me: It’s more interesting than it looks!)Technorati Tags:

Tunes: Army of Me: Perfect

In an effort to keep conversations fresh, Cisco Blogs closes comments after 60 days. Please visit the Cisco Blogs hub page for the latest content.


  1. thanks a lot for your idea…

  2. I totally agree. I like to use the 960GS or Blueprint for grid designs. Generally I use 640px for the main area, 300px for the sidebar, and 30px as the gutter in between. Then I build my grid off that.
    p.s. the image linked in this post seems to be broken

  3. The main idea behind grid-based designs is a solid visual and structural balance of web-sites we can create with them. Thanks a lot…