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?

1 Answer 1


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".

  • See my UPDATE. I mean just rectangle-style layout.
    – ZK Zhao
    Dec 29, 2013 at 15:00
  • ...but do you mean inspiration, or practical web frameworks?
    – benteh
    Dec 29, 2013 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..
    – ZK Zhao
    Dec 29, 2013 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?
    – ZK Zhao
    Dec 29, 2013 at 15:29
  • Or It is more like win8's metro style?
    – ZK Zhao
    Dec 29, 2013 at 15:31

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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