30 Blocky Website Designs Based on a Square Grid

Home » Articles » 30 Blocky Website Designs Based on a Square Grid

Line25 is reader supported. At no cost to you a commission from sponsors may be earned when a purchase is made via links on the site. Learn more

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

Author
The Line25 Team
This post was a combined effort from our team of writers here at Line25. Our understanding and experience of blogging, web design, graphic design, eCommerce, SEO, and online business, in general, is well over 20 years combined. We hope you enjoy this post.

14 thoughts on “30 Blocky Website Designs Based on a Square Grid”

Leave a Comment

Verified by MonsterInsights