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

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

Dumbo Townhouses

Dumbo Townhouses

WeLoveNoise

WeLoveNoise

Float

Float

Incredible Types

Incredible Types

Etch

Etch

Hommard

Hommard

adaptable

adaptable

Heydays

Heydays

Matchstic

Matchstic

Résidence Mixte

Résidence Mixte Modular Grid Layouts

Heavy Heavy

Heavy Heavy

Jonathan Da Costa

Jonathan Da Costa

MAP

 

MAP

Hatch

Hatch San Francisco Modular Grid Layouts

Atlason

Atlason

Script & Seal

Script & Seal Modular Grid Layouts

Yvan Rodic

Yvan Rodic

Design Your Life

Design Your Life Modular Grid Layouts

100 HD Blurred Backgrounds

Written by Iggy

Iggy is the main person behind Line25. Iggy is a designer who loves experimenting with new web design techniques, collating creative website designs and writing about latest design trends, inspiration, design freebies and more. 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