Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

By block-layout, I mean style like these: enter image description here

enter image description here enter image description here enter image description here


There aren't too many on gallery sites(for example, Flat UI Design). Most of them are for product promotion, making a big focus at first. Like this: enter image description here

And I'm design a website needing block-layout, and really need more examples for inspiration. Where could I find them?

share|improve this question
up vote 1 down vote accepted

I am not sure what you are aiming at; to me it seems your examples simply are website based on a grid (which basically all sites are...), but where the modular grid is clearly defined by images of coloured boxes. Any search for

  • grid webdesign
  • website design
  • swiss design

    would give you an exhaustive plethora of examples.

If you aim at basically mainly images in a grid, a loose suggestion could be Masonry JS library. Your question is not very specific, so a clarification as to what material you have to work with, what the aim is, where you get stuck would maybe give you a better answer.

Edit: Any framework for web will have an alternative of this extremely simple layout. As I do not know what needs you have, wordpress, bootstrap, joomla, boilerplate all have this simple div structure. If you are looking to create this layout from the bottom, any search for "simple css three column" would give you example files. Or, indeed, a search for "example three column web layout".

share|improve this answer
See my UPDATE. I mean just rectangle-style layout. – cqcn1991 Dec 29 '13 at 15:00
...but do you mean inspiration, or practical web frameworks? – Benteh Dec 29 '13 at 15:01
Just examples for inspirations. But is there any framework for this? I've used Mansory before, but it is for cascading effect. For rectangle, I feel it just needs border, margin etc.. – cqcn1991 Dec 29 '13 at 15:07
Ahh....Its not just sidebar style. I mean the rectangle, it has height and gaps between them. In the medium example, it is the collection reprensented by a photo and its title. In ReadWrite, every story is also presented in a rectangular shape. I want to see more this kind of style: how the information(title, image, content) get presented and what color(for border, background etc.) combination they use. Am I Clear? – cqcn1991 Dec 29 '13 at 15:29
Or It is more like win8's metro style? – cqcn1991 Dec 29 '13 at 15:31

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.