Super Clean

1st edition — by Patrick McNeil — May. 9, 2006

Editions:

1 2 3 4

The Design Element

This is perhaps one of the most ambiguous and subjective categories described on Design Melt Down yet. The heart of what I mean by Super Clean is that visually speaking the entire feel of the site is super clean. To me this is somewhat of an ideal or ultimate design. Basically the sites selected for this category feel as though they are clutter free, have plenty of breathing room, have an easy to understand and clear hierarchy, and overall feel really balanced and easy to consume.

This is not to be confused with a minimal design. The perfect example to prove this point is the Machine from Hell site. It has lots of content, lots of graphics, and a ton of information to communicate. I would go as far as to say that sites selling computers and their parts are notorious for being completely anti super clean, they get cluttered with data and options and are far from what I would consider elegant. The Machine from Hell site has overcome this though, the site is unified and visual tight. Everything has plenty of breathing room, even though there is a lot of information to pack in. Consistency and a consideration of hierarchy seems to be the key to success for them.

The next step away from the high density site is one with not as much content, but still plenty that needs to fit in. Avoiding the clutter is still a problem and takes great resolve to avoid. Pixel Panic fits this slot well. They have a fair amount of content, and even perhaps more dangerous, a wide variety in types of content that will require rather different formats. The site seems to have maintained the clean feel with two key elements. An excellent choice of colors, light and comfortable. Secondly they have tons of room to breath, all of the elements have been spaced generously. The site is so simple, and yet so complex, I wish I had made this one.

Finally we have sites with very little content, which you might be tempted to say would be easy to make super clean. Quite the contrary, this is never easy to do! In fact less makes it even harder. My favorite sample of this is the HTML Editor Reviews site. How much content can there possibly be to generate around this very narrow and focused subject. The site does well to present the content they do have in a way which carries a little more mass. The background has a bit of variation and variety to it. Although this is the case they have demonstrated that you can add a bit of business to a page while remaining subtle and with out cluttering and crowding the primary content. The content has the focus here.

Quite honestly this is something I have struggled with on Design Melt Down, as the content has grown it doesn't quite feel like the layout has completely accommodated it. There are a million things I could say about these sites, so many ways to analyze why I think they are great. To me they really have achieved an ideal design. I hope you enjoy them as much as I have.

divider

Sample Usage

divider

Comments

Eric Barstad

5/9/2006 9:31:59 AM

Thanks for mentioning HTML Editor Reviews! I certainly can't take credit for the design, though. I've only slightly modified the Emire WordPress theme from Phu (http://ifelse.co.uk/emire).

Kelli

5/9/2006 9:46:35 AM

Nice to see Seen Creative's blog up there. I've been a fan of that one for a while now and was immediately struck by how clean it was the first time I saw it.

This is something I've fought with on my own blog. As you've seen, there is a lot of content-- 2 years woth of posts across 14 categories, and a lot of off-site links and resources that I feel passionate enough about to keep on there. It's a constant struggle to keep it managable.

AJ

5/9/2006 11:14:02 AM

Thxs for including Devlounge in that list, glad you liked my design!

mathew

5/10/2006 2:18:29 PM

In designing clip-n-seal.com, part of the challenge there was to take an existing minimal design and make it "super clean" - which was a necessity for this product: one which, on first glance, the function isn't readily, glaringly apparent.

"Super clean" designs tend to clear the fog.

Nick

5/12/2006 12:31:21 PM

Hey Patrick, thanks for the link. I think you have a great site here and it's nice to know you thought we were worthy of this category. Super Clean is definetly one of the goals I had when designing the site.

Thanks for the compliment as well Kelli, nice to see a familiar face in these comments.

Santi Banks

4/27/2007 2:41:21 PM

I think that this category falls in something that is more common known as Zen or Vaasta design. The aesthetics in Zen design can be applied to webdesigns too. The sites mentioned in this catagory are a very good example of those...

Make a Comment:

All fields are required & all posts are hand moderated.



(not displayed publicly)



Captcha