960 Grid System

A grid template for web designers. Why is this not law?

As most designers know, almost everything from graphic design to construction, product design and environmental planning relies on some form of grid. Throughout the short life of the internet, the possibilities of various technologies and bad/arbitrary design decisions have detracted from aesthetically pleasing design. Without a grid, chaos ensues, and web design is communication design, right? (David Carson might argue what constitutes clear communication, but his grid-lacking aesthetic doesn’t translate on the web.

Web design can be attempted by almost anyone, and there are very few widely accepted ‘rules.’ Programming languages or platforms determine many rules, but there are very few on the frontend side. Nathan Smith, a UX developer for HP seemingly saw an opportunity to create grid based system for web designers, a site with a content area of 960 pixels. Using one of the grid templates will allow you to make decisions that are easily understood by developers, probably making things faster, and this will save you or your client money.

Nathan describes this resource as: “The premise of the system is ideally suited to rapid prototyping, but it would work equally well when integrated into a production environment. There are printable sketch sheets, design layouts, and a CSS file that have identical measurements.”

Download the Grid System Files Here.

Visit The 960 Grid System Website.

Find Nathan’s Web design and development services here: www.sonspring.com.

Scroll to Top