75+ Examples of Grid-Based Website Designs

June 28, 2013 · 0 comments

by Lars

One of the web design trends I have followed on the interest over the last couple of years, is the grid-based layout. A design style that gained serious popularity and especially works well for mobile ready responsive layouts. Grid layouts are often used in portfolio websites and there are many portfolio website templates available with cool grid layouts.

Basically grid-based design can be described as two dimensional structure made up of a series of intersecting vertical and horizontal axes used to structure content. Alternatively, in plain English: It is a system that helps you create order among the elements you use in a website design

As grid-based designs sole purpose is to create structure, you will find that the design is always using boxes as to frame the information. I have found some great examples on how different websites use grid-based design. I hope you will find this list inspiring as to find ways you can incorporate grid-based design in you next website project. If you are looking for a template to kick-start the project, you might also be interested in this article on grid style WordPress themes. Enjoy!


ElegantThemes
ThemeForest

Advertisement

My Orange Box – MORE INFO

My-Orange-Box

Spazoidipaolo – MORE INFO

Spozoidipaolo

Activation Group – MORE INFO

Activation-Group

Necto Digital – MORE INFO

Necto-Digital

Hommard – MORE INFO

Hommard

Bobby Digital Studios – MORE INFO

Bobby-Digital-Studios

Boomerang – MORE INFO

Boomerang

Rosas & CO – MORE INFO

Rosas-&-Co

Salomon Snowboard – MORE INFO

Salomon-Snowboard

Far From The Tree – MORE INFO

Far-From-the-Tree

Daniel Vane – MORE INFO

Daniel-Vane

Make Better Shirts – MORE INFO

Make-Better-Shirts

Silk Tricky  – MORE INFO

Silk-Tricky

Ara Wines – MORE INFO

Ara-Wines

Portinari – MORE INFO

Portinari

Jean Georges – MORE INFO

Jean-Georges

Adam Hayes – MORE INFO

Adam-Hayes

Bernd Kammerer – MORE INFO

Bernd-Kammerer

Posters in Amsterdam – MORE INFO

Posters-in-Amsterdam

Baubau Haus – MORE INFO

Baubau-Haus

Nowy Teatr – MORE INFO

Nowy-Teatr

Wood Work – MORE INFO

Wood-Work

Christmas Gifts – MORE INFO

Christmas-Gifts

K Station – MORE INFO

K-Station

It’s Massive – MORE INFO

It's-Massive

Shropshire Screen – MORE INFO

Shropshire-Screen

Betel NYC – MORE INFO

Betel-NYC

Pixillion – MORE INFO

Pixillion

Candy Buffet – MORE INFO

Candy-Buffet

Dynamit – MORE INFO

Dynamit

Vonvon – MORE INFO

Vonvon

Major Tom – MORE INFO

Major-Tom

Book Cover Archive – MORE INFO

Book-Cover-Archive

Mike McQuade – MORE INFO

Mike-McQuade

Curioos – MORE INFO

Curioos

Satellite Voices – MORE INFO

Satellite-Voices

Reserved – MORE INFO

Reserved

Atlason – MORE INFO

Atlason

MAP – MORE INFO

MAP

National Traveller – MORE INFO

National-Traveller

Rokkan – MORE INFO

Rokkan

Storm World Wide – MORE INFO

Storm-World-Wide

Sunil Kansara – MORE INFO

Sunil-Kansara

Malika Favre – MORE INFO

Malika-Favre

Barnbook – MORE INFO

Barnbook

Swinton – MORE INFO

Swinton

Faebric – MORE INFO

Faebric

Typographic Poster – MORE INFO

Typographic-Poster

AGDA – MORE INFO

Agda

Unit Editions – MORE INFO

Unit-Editions

Pierrick Calvez – MORE INFO

Pierrick-Calvez

Protest – MORE INFO

Protest

Salon.Io – MORE INFO

Salon-IO

The Brief – MORE INFO

The-Brief

Sam Dallyn – MORE INFO

Sam-Dallyn

Yvan Rodic – MORE INFO

Yvan-Rodic

J Development – MORE INFO

J-Development

RVLT – MORE INFO

RVLT

Bastian Preussger – MORE INFO

Bastian-Preussger

Forty One – MORE INFO

Forty-One

Diesel – MORE INFO

Diesel

Rodgers Townsend – MORE INFO

Rodgers-Townsend

Gestaltung – MORE INFO

Gestaltung

Heydays – MORE INFO

Heydays

Landor – MORE INFO

Landor

My Poor Brain – MORE INFO

My-Poor-Brain

Karl Anders – MORE INFO

Karl-Anders

Creative Depart – MORE INFO

Creative-Depart

Stefan Froescher – MORE INFO

Stefan-Froescher

Work Diary – MORE INFO

Work-Diary

Web World PK – MORE INFO

Web-World-PK

Fitzroy & Finn – MORE INFO

Fitzroy-&-Finn

Author : Lars Vraa

Lars is passionate about web design, web development, SEO, social media and loves to look into new technologies, techniques, tools etc. and to write articles for tripwire magazine readers.

{ 0 comments… add one now }

Leave a Reply

Your email address will not be published. Required fields are marked *

Previous post:

Next post:


Web Analytics