Grids are used in newspapers and book design, but also on the web. On the web however, grids are used differently. Web designers have a lot of possibilities to use the grid for ordering information and content.

For this reason, I have gathered 9 websites with grids used out-of-the-box to show you what is possible and what works best. Enjoy these websites!

1. Form+Logic is an identity studio whose website uses a nice grid to display their latest clients. By using enough space between the different projects, the layout appeals quiet and relaxing.

2. Max Voltar – the personal blog of Tim van Damme – just had a re-design. The new design features a sleek grid design for the homepage and a very smart sidebar.

3. Ate Bits is the home of three important products. These products are pushed forward by the great use of the grid in this layout.

4. Swish Life Magazine offers a somewhat classical grid, with a lot of content. The colors and whitespace used are perfect for an online magazine.

5. Art in my Coffee features a collection of “Coffee Art” in a graphical rich grid layout. The colors are well chosen and the listed photographs are beautifully designed.

6. These Software developers did structure their website correctly and know the way grids work on the web.

7. Kari Jobe is an Christian singer. The website features a grungy look fitting perfectly in the 3-column grid, which makes the site structured and clear.

8. The Versions website is there to sell the Versions app. All the information needed for potential clients is fit in a black and lovely-looking grid.

9. TracerMedia offers one product, and that’s featured before the fold. Under that, they explain a lot of information about their company in a lovely 5-column grid.

10. Great Works is a webdesign studio located at four locations, and that’s why the 4-column grid really works for this website.

Live in Montreal? Check out Montreal web design services by RPMstudios.