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

I'm designing a responsive front-page layout for a well known online community (just dribbbled this preview). The content section will feature a list of several articles, each containing:

  1. A thumbnail;
  2. A title;
  3. An excerpt;
  4. Related metadata.

There will be a minimum of two articles per row (up to four articles, maximum), just like in a magazine layout with an index of articles on its front-page. Right now I'm pursuing the correct balance between aesthetics and functionality while keeping a very clean and understandable layout. Unfortunately I'm miserably failing at it and I need some inspiration and examples of magazine-like front-pages in web design (listing articles with similar structure as the one listed above) that can help me to better structure my contents into this responsive layout. Some of the following examples could fit my needs:

Sadly, that's all I got. Do you have any more examples of this kind of magazine-like layouts? Do you have any other feedback that could help me accomplish a layout that looks more like an online magazine front-page?

share|improve this question
up vote 1 down vote accepted

I'm not sure if these fit all of your criteria, but here are a few of my favorite editorial type layouts:

I also find The Awwwards to be a very good reference in times of inspirational need.

Hope that helps!

share|improve this answer
That's great help, @pdv. In fact, The Great Discontent's website is one of my favorite responsive designs. – João Mar 5 '12 at 11:50

The only one I can think of offhand is an actual magazine: the NY Times's one-page magazine from the Sunday section.

share|improve this answer

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.