Line25

30 Blocky Website Designs Based on a Square Grid

Read the full post

Grids give a website design structure and balance, but some grid layouts are more obvious than others. The most basic of grids is the square block, where the page is divided up horizontally and vertical with equally spaced gridlines. The content then fills the grid like a chequerboard pattern, or elements can span multiple blocks to form larger content areas. Today’s showcase features 30 perfectly balanced sites that are all based on a blocky square grid.

The Conference

The Conference

Simon Foster

Simon Foster

Peachey Photography

Peachey Photography

Future of Web Design

Future of Web Design

ELI

ELI

Jonathan Patterson

Jonathan Patterson

Sivert Høyem

Sivert Høyem

Script & Seal

Script & Seal

Guy Moorhouse

Guy Moorhouse

PFD

PFD

The Escape Committee

The Escape Committee

Jan Finnesand

Jan Finnesand

Sebastian Sejer & Co

Sebastian Sejer & Co

Julian Weidenthaler

Julian Weidenthaler

Another

Another

Dumbo Townhouses

Dumbo Townhouses

Go Food

Go Food

WeLoveNoise

WeLoveNoise

Float

Float

Incredible Types

Incredible Types

GlossyRey

GlossyRey

Etch

Etch

Hommard

Hommard

Frank Chimero

Frank Chimero

adaptable

adaptable

Heydays

Heydays

Sculpt Communications

Sculpt Communications

Matchstic

Matchstic

Heavy Heavy

Heavy Heavy

Jonathan Da Costa

Jonathan Da Costa

Tyler Copeland

Tyler Copeland

Free web shadows pack for every subscriber

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of realistic web shadows.

Written by Chris Spooner

Chris Spooner is a designer who loves experimenting with new web design techniques collating creative website designs. Check out Chris' design tutorials and articles at Blog.SpoonGraphics or follow his daily findings on Twitter.

13 Comments

  1. Thanks for your good content. I hope good luck

  2. Tad Chef says:

    Excellent collection. There is one mistake though: Arbeiten is German and means simply “works”. The site is called julianweidenthaler.com

  3. lairah says:

    This is really nice! thanks

  4. Jinja says:

    Inspirational designs, thanks for sharing!

  5. Nice collection, Thanks for sharing!!!!

  6. Greg says:

    There some really good designs in this list. TFS!

  7. Brian says:

    This is great! Love your roundups.

  8. These are so beautiful! Thanks for the share! Been looking for some inspiration for a new project fromBibble Studio and think I have certainly found a good collection

  9. yashasin azerbaycan

    chox sagolun

Sorry, comments are now closed