Stripped To The Bone: Minimalist Web Design

By | | Web Design Tutorials & Articles

“Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.”
-Antoine de Saint-Exupery

mondrian Minimalism is an art movement, born in the twentieth century, which describes various forms of art, music, literature, design and architecture, where the work is reduced to the bare essentials.

In web design, minimalism refers to the use of the smallest amount of images, colors, shapes, values and lines. The site is stripped down to the fundamentals required to convey the message. Minimalist web designs generally rely on type and simple shapes to do the communicating. You won’t find heavy textures and lots of images on these sites, and although the design could be considered “simple,” it’s not necessarily easy to pull off an attractive design in this style. The mantra, content is king, is applicable to all types of web sites and minimalism certainly lends itself to this idea. With few distractions on the page, the visitor’s eye is drawn directly to the content.

Here, for your viewing pleasure and inspiration, are nine examples of minimalist web designs.

Daring Fireball

daringfireball

Jan Reichle is an art director and cinematographer.

janreichle

Mark Boulton Design

markboulton

Tink London

tinklondon

Naked & Angry is an ecommerce site which keeps the fluff to a minimum.

nakedandangry

Shaun Inman (of sIFR fame) shows that minimalism doesn’t mean lack of color.

shauninman

Full Cream Milk does use some imagery, but it is simple and repeated throughout the site.

fullcreammilk

LG & F
lgf

And finally, you might have seen these guys before. They’re an up and coming outfit – something to do with searching the web.

clip_image020

Minimalism is obviously not everyone’s cup of tea. I personally find these sites appealing because of their lack of clutter and easy navigation.

What do you think of this style of web design? Have you seen any minimalist design sites that you really liked?

Written By:

Jennifer Farley

Jennifer Farley is a designer, illustrator and design instructor based in Ireland. She writes about design and illustration on her blog at Laughing Lion Design.

Website - >> More Posts By Jennifer Farley

 

{ 37 comments }

Smilyan Pavlov August 22, 2009 at 7:15 pm

This is my design blog (unfortunatelly for you it is in bulgarian). I tend to consider it minimalistic in design terms -> http://www.design.smilyanp.com/

artemis August 17, 2009 at 4:28 pm

@Anonymous

how more minimalistic can it be than this: http://lab-au.com

That site is terrible, it had the cheek to resize my window while I was still using it elsewhere.

Black Max August 17, 2009 at 6:17 am

Black Max seems to be the only one who understands te difference between minimalist design and barebones design. The latter often is hardly design at all.

Thank you, kind sir or ma’am. One thing I didn’t say in my earlier comment: true minimalist design is hard. You’re trying to do more with less, as Charles Sweeney said upthread, so every single design element has to be considered, judged, and weighed, not only on its own merits, but in conjunction with everything else.

Chisel August 16, 2009 at 11:40 pm

I’ve watched the minimalists design slowly take over the web space over 15 years. We always struggle with how much design should be on a page versus straight info. and nav. There always needs to be a balance of these and a respect towards your audience.

Charles Sweeney August 15, 2009 at 4:50 am

Less is more.

Jack August 13, 2009 at 7:05 pm
Anonymous August 12, 2009 at 8:27 pm

Black Max seems to be the only one who understands te difference between minimalist design and barebones design. The latter often is hardly design at all.

You cannot add extra graphical elements to a true minimalist design without affecting its conceptual, visual entity.

So the Google interface is just a stripped down, simple interface and it’s perfect for the job. But some extra graphical elements wouldn’t change that. I even wouldn’t call Google “design”, let alone minimalist design.

CAD August 7, 2009 at 4:21 am

Minimalist is not for everyone but it does conform to the lowest common denominator. What many tend to forget is that the Internet is a global phenomenon. Not everyone is on a fast connection or have the latest monitors (CRT’s are still used worldwide). Many are behind a network, unable to update their hardware and software, tired of getting the newest plug-ins, or has accessibility issues. After 17 years on the net and designing for 15, I’ve found 90% of my clients (including myself) don’t have the time to hunt the information down on a website. The old “40 sec” rule, simplicity and common sense still applies especially when your target market/industry is a universal one.

Dorsey August 7, 2009 at 12:12 am

If you had to choose between two design/philosophical extremes, which would you take? Compare google and godaddy, and let us know which is actually best at solving the problem or answering the question that brought you there.

Black Max August 6, 2009 at 11:58 am

Minimalism works very well when (if) the designer understands that EVERY SINGLE ELEMENT becomes critically important, and they all must work efficiently, harmononiously and beautifully together. Font choice, imagery choice, structure, color, everything must be carefully thought out and done well. It’s a delicate balance. As many of the above examples show, using a bare-bones, stripped-down design doesn’t necessarily achieve anything besides boredom and lack of function.

Leon Paternoster does minimalism well, though he’s actually gone for a two-column layout and three (!) images. So does our typography and design guru, Jon Tan. Interestingly, both rely on Georgia as a nice, decorative serif text font to give their sites some visual interest.

karlosb August 5, 2009 at 6:58 pm

Some lovely minimal designs here! :-) I’m always a big fan of this approach, although I find it hard to incorporate into my clients designs sometimes :-)

Dan Grossman August 5, 2009 at 10:21 am
A La Carte Graphics Servcies August 5, 2009 at 10:01 am

Loved “Daring Fireball” for its understated elegance, a real triumph in the use of the space, fonts, copy, color. Even the name is intriguing. It is rare and refreshing to see that kind of design nowadays and personally, I miss it. Really easy to navigate, too. A good solution for that particular client.
The Jan Reiche home page is a real eye-grabber, very bold; great use of the logo. But I could not stay interested in the rest of it. The Micheal Boulton site was effective in my opinion becuase the site designer let the man’s exquisite work speak for itself. Nicely done, good photography, too. I stayed at that one quite a while.
As for the rest, I ended up just breezing through them. My conclusion is that minimalism works best when it is juxtaposed next to the typical overly-graphic site, it’s like a breath of fresh air. However, a little bit of minimalism goes a really long way, and can see how it could become banal after a short time. It’s a great tool for organizing a space and as a starting point. Takes me back to my design school days….and yes, that was quite a while ago now!
Thank you for sharing your minimalism selections, I truly enjoyed this article.

Tink London August 5, 2009 at 5:19 am

Tink was built in a day or so as a rush job to get some work up. I’m perfectly happy with the result and it has been well recieved by the target audience. Not entirely sure why it’s in the same list as a high volume search engine or exactly what your minimalist design criteria are.

Cheers

Arthur.

agentforte August 5, 2009 at 4:19 am

I think something needs to be said of professionalism. I like a combination of minimalist (no unneccessary images or lines/borders) and design (nice colour, gradients, etc) to give a professional look while still having users focus on content.

I started with minimalist when I designed the TMetrix website then added some design to try and make it look more professional. Would you consider the TMetrix design minimalist?

ro0bear August 4, 2009 at 11:33 pm

Nice clear designs (mostly), very user focused. *Thumbs up*

TomBradshaw August 4, 2009 at 10:20 pm

Creating a minalist site can take as much effort as creating an in your face design. The minimalist style is appropriate for many sites such as google, where the focus is on functionality rather than being in your face.

PatrickSamphire August 4, 2009 at 9:33 pm

Boring? Are you viewing the web site for entertainment or information? Designers need to understand the audience. Too often the design is for design’s sake, not to help the user, not for usability, not to get your point across.

Information doesn’t have to mean monochrome dullness. It’s not like the only choices are flash-filled, flashing monstrosities or grey ‘minimalism’.

These sites, with the exception of Full Cream Milk and Google, wouldn’t give me information, because they would put me off by their dullness.

Fine if I’m not the audience of them, but I have to say, they are not selling me as a way of providing information effectively.

Oliver Ruehl August 4, 2009 at 7:19 pm

I only make minimalist sites.
We spend too much time on computers anyway.

http://www.oruehl.de/portfolio/

(created with a really simplistic CMS: Indexhibit)

level09.com August 4, 2009 at 4:41 pm

while these examples are “minimal” , the time spent on them is also minimal.

you could have brought a better examples of “attractive minimal” designs like :

http://brilliancy.eu/

http://www.subtraction.com/

http://5thirtyone.com/

plumsauce August 4, 2009 at 11:27 am

Thank you very much for the reminder of the quote.

Just finished adding it to my faq.

Grim_Weeder August 4, 2009 at 10:33 am

Minimalism is an art-form but none of these seem to fit that form or any type of art for that matter. Daring Fireball is more simplistic than anything. Google makes a good focus on content (all of the spider-infested internet) and, again, is brutally straight forward. Ultimately minimalism is not about how much (content, gaudiness, etc.) is presented but how effectively it is used (see Demoscene).

On a side-note the art displayed to the right of the initial paragraph I would not consider minimalist (on the grounds that it does not evoke emotion or thought (it doesn’t do anything) it is comparable to calling a puddle a minimalistic swimming pool because there is less water).

lee johnson August 4, 2009 at 5:54 am

I have started with the same idea : http://www.seodesignstudio.com its still a work in progress !

Hurgh. August 4, 2009 at 5:28 am

None of these are really that great. When the history of this decade is written, minimalism will be tagged as “the inexperienced college interns answer for their lack of ability”. Just like the bird in Kung Fu Panda said, it’s only special if you say it is, and never has there been a better example of this than minimalism.

There are uses for a stark looking site, but how dare anyone refer to it as creative. It hardly clocks in as “design”. Many throw basic concepts like visual flow out of the window. Like that second one, good lord.

When designer’s resumes come across my desk, if I see the word “minimalism” anywhere, unless it’s in an effort to disparage it, I throw it in the garbage. I can get minimalism for 8 bucks an hour out of India.

babafisa August 4, 2009 at 4:35 am

I hope this was a very interesting post thanks for writing it!

Minimalissimo August 4, 2009 at 4:23 am

Quite a refreshing list, Jennifer! Thanks.

@pixeline: Lab-au.com is maybe, if even, minimalist in its use of colour. But apart from that this is not a minimalist site at all! The excessive use of interactive and navigational elements brings the usability to a low-point. I read on your website that you were actuallly responsible for the design of Lab-au.com… I hope at least your client was happy?

shmlco August 4, 2009 at 3:00 am

Actually, I tend to think that http://lab-au.com pretty much sucks, from the moment it took over my browser window and expanded it full-screen. A classic example of a “mystery-meat” rollover navigation scheme.

mathieuf August 4, 2009 at 2:42 am

I’ll give a positive response to Minimalist! These designs are great, because I can find what I want to find! Too often a web site is busy with decoration and content is lost.

Boring? Are you viewing the web site for entertainment or information? Designers need to understand the audience. Too often the design is for design’s sake, not to help the user, not for usability, not to get your point across. If the web site is for entertainment, great! But if you are selling something or wanting to communicate information, don’t lose it in the noise of presentation.

just_passing_by August 4, 2009 at 1:57 am

A website that resizes my browser window is an absolute no go. The guys who did that lab-au thing ought get their fingers slapped. And without JS their website is about 2m wide and hardly navigable or offering content. Minimalistic it might be, but for me it’s – sorry – crap.

PatrickSamphire August 4, 2009 at 1:42 am

On the other hand, they are kind of … boring. :D

Andy August 4, 2009 at 1:31 am

Be interested to see any links to creating a really simple minimalist web design with CSS (i.e. just clear type, nice font and perhaps a heading) I have a bunch of old HTML pages that I’d love to freshen up with a new CSS giving it the whole Web2.0 clean look. :-)

The Dude August 4, 2009 at 1:27 am

Please, people. Before posting something like this do a little research on what Modernism and Minimalism is. You will quickly see how ignorant this post is.

This is weak.

Benjamin Dobson August 4, 2009 at 1:08 am

I really like this sort of design, because it makes it so very easy to find the elements you’re looking for. However, the first few times I looked at Daring Fireball I just dismissed it because of the colour scheme. I have to say, it looks much better in the black-on-white of my RSS reader than the white-on-blue of the site.

pixeline August 4, 2009 at 1:01 am

how more minimalistic can it be than LAb[au]‘s new website: LAb[au]

Anonymous August 4, 2009 at 12:59 am

how more minimalistic can it be than this: http://lab-au.com

Dean C August 4, 2009 at 12:14 am

I feel there are better examples of subjective design than this, but I find DaringFireball incredibly boring and monotonous. I guess it’s a good job design is subjective ;)

JdL August 4, 2009 at 12:13 am

I don’t think any of those examples even qualifies as “design.”

Comments on this entry are closed.