25 Web Designs with Modular Content Block Layouts
The grid based content block layout has become popular for many types of website, especially portfolios and inspiration ‘pinning’ sites. These sites have a series of tiling blocks that fill the page, often in a kind of modular format where they rearrange themselves depending on the viewport size. This post rounds up a collection of 25 cool website designs that all feature a modular style content block layout.
Mercer Tavern
DesignersMX
ChadMiller
RED Interactive Agency
BL:ND
Andy German
Everlovin’ Press
J.Development
Bernd Kammerer
Landor Associates
Neighborhood Studio
Rodgers Townsend
UNBORNINK
DB Works
Bbbttery Design Studio
Claire Coullon
AXT
United Pixelworkers
Berger & Föhr
NationalTraveller
Copy Boy
Steve Vorass
Irving & Co
Webdesigner Depot
Designspiration
Lots of website seem to be taking this approach, Windows 8 shares the same content block layout. I really like it but I think benefits much more from a touch screen browser.
Simple but effective seems to be the way ahead at the minute, working on making your website cross-platform is the biggest thing at the minute.
At the minute.
Here's a great block layout from Minneapolis: http://patstap.com/
Another great block layout from http://momentous.ca/
A trend I can get behind. Hope Microsoft doesn't overkill it.
I really like it used on this site: http://www.wakeupnow.org
One of the nicest block layouts, is Chris Coyier's <a href="http://css-tricks.com" target="_blank">CSS-Tricks</a>.
Check it out, also – give the screen a resize, it's nice!
okey
All are awesome layout….. i liked all!!!!!!!
Incredible websites, pinterest have change the idea of a portfolio website, and html5 help so much, good article
What outstanding variations on a very basic, traditional grid system.
Serious as a heart attack, this would be a great project for students!
That's great article. You know – this is exactly what I was looking for. I shall give you a big thanks for this great piece of information. Keep it up.
Great article Chris. The block layout is becoming a lot more popular, in part due to the rise of browsing on touch screen devices such as phones and tablets, but if they can all look as good as these above it can only be a good thing!
Great post as always, web designer depot is a great resource, I knew a lot of them from your list, but not that one. Thanks again.
Thanks for sharing. I was searching for inspiration. Got it better one now! Will post the URL once I finish the work, to show how I transformed this idea.
We are using the mosaic blocks on our site as well, but not for the entire page. I think that without text content and certain other factors, using the blocks as your entire landing page may not be the best option for SEO. While other pages may still display text content, your home page is usually your most linked to page of your site and should contain actual text content as well as awesome design.
All of them are fantastic Layout and quite inspiring.I like them al…..l
Fantastic designs. Great job editor!!!!
Awesome..inspirational for web designers and graphic designing companies..