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

  • 187
100 HD Blurred Backgrounds

Written by Iggy

Iggy is a designer who loves experimenting with new web design techniques collating creative website designs. You can follow Iggy on Twitter.

14 Comments

  1. Aftab says:

    its nice post.

  2. نمای ساختمان says:

    yashasin azerbaycan

    chox sagolun

  3. Bibble Studio says:

    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

  4. Brian says:

    This is great! Love your roundups.

  5. Greg says:

    There some really good designs in this list. TFS!

  6. The Codexpert says:

    Nice collection, Thanks for sharing!!!!

  7. Jinja says:

    Inspirational designs, thanks for sharing!

  8. دانلود اهنگ چدید says:

    http://parsianmusic.eu/

  9. خرید سرور مجازی says:

    http://golbarghosting.org/

  10. lairah says:

    This is really nice! thanks

  11. دانلود فیلتر شکن says:

    Thanks for your good content. I hope good luck

  12. Tad Chef says:

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

    • Chris Spooner says:

      Well spotted, “Arbeiten” is now the first German word I know!

      Just updated the title of the link.

Leave a response