Principles Of Minimalist Web Design, With Examples

Advertisement

Minimalism is achieved by reducing a design to only the most essential elements. Expressions of minimalism span multiple disciplines, as well as other art forms such as music and literature. For website designers, though, minimalism can be intimidating and difficult to master.

But anyone can master minimalism. Essentially, minimalism is about breaking things down to the barest elements necessary for a design to function. It’s about taking things away until nothing else can be removed without interfering with the purpose of the design. Below are a number of principles of minimalist design, as well as an exploration of current trends and additional examples.

You might also enjoy our previous article “Showcase of Clean and Minimalist Designs1.”

Less Is More

“Less is more” is probably the most well-known catch phrase of the minimalist movement. It was popularized by architect Ludwig Mies van der Rohe in describing the minimalist aesthetic.

In Web design, less is more is achieved by using only elements that are necessary to a given design. Using less to achieve an effect that’s more than the sum of the design’s parts is the goal.

Examples

North Kingdom2
Simple, straightforward typography and a bare use of color make for a design that’s aesthetically pleasing but minimal.

Screenshot3

Sleepover4
A simple design that puts content above all other elements. The simple double-border above and below certain areas helps to delineate the content without cluttering the design.

Screenshot5

Lindvall A&D6
The simple line-drawing of a chair, barely visible if you’re not looking for it, exemplifies the “less is more” ideology.

Screenshot7

Your Neighbors8
Another simple design, this one with many more graphics.

Screenshot9

Sharpenr10
Simple navigation and graphics add to the overall minimalist feel here. The graphics are bold enough that they have visual impact without adding clutter.

Screenshot11

Omit Needless Things

In their book The Elements of Style, Strunk and White coined the phrase “Omit needless words.” It has been adapted to minimalist philosophy as, “Omit needless things12.” In other words, don’t include unnecessary elements in your designs.

Think of what’s necessary to the content and function of your website. Then focus on only those things, and omit anything that doesn’t directly contribute to either the content or function. Remember, though, that certain design and graphical elements will directly affect the readability or usability of your website.

Examples

up&onward13
A simple gray background, white borders around the images and simple typography are the minimum elements necessary for this page. If any were removed, the website would not have the impact that it does.

Screenshot14

Lachlan Bailey15
A single image and vertical navigation are as simple as it gets.

Screenshot16

Sarah Hultin17
Another example of a single image and vertical navigation.

Screenshot18

Aleksei Dubrovsky19
This website goes a step further and omits any images, opting instead for just a header and simple navigation.

Screenshot20

Subtract Until It Breaks

When crafting an extremely minimalist design, try subtracting elements until the design stops working the way it should. When the website is on the verge of breaking, you know you’ve achieved the most minimalist design possible.

Remember that “breaks” is relative in design. Technical functionality is only one way to gauge whether something is broken. Usability considerations are equally important. Make sure your website is still user-friendly and delivers the experience you want visitors to have.

Examples

Anothercompany21
A minimalist design with a single-column body and three-column footer. If any element was removed, the website would be less user-friendly.

Screenshot22

Works in Silence23
The elements of this information architecture, including the borders between sections and posts and the white space between columns, are vital to keeping everything visually pleasing, organized and readable.

Screenshot24

Brett Arthur Photo25
Another great example of using a minimum of elements.

Screenshot26

Danny Guy Photography27
The black background sets this apart from many other ultra-minimalist designs. Notice the full-screen option in the lower-right of the image.

Screenshot28

Brian Danaher29
Another website that opts for a single column and bold typography.

Screenshot30

Every Detail Counts

In a minimalist design, every detail has significance. What you choose to leave in is vital. A border around an image, the color palette, the white space, every part becomes important to the overall look and feel of the website when the elements are few.

Think of the feeling you want your website to give visitors, and then decide on the details that would impart that feeling. While many designers view minimalism as one size fits all, there is still room for different emotions based on individual design elements. A minimalist website can easily be funky and modern, fresh and clean, reserved and sophisticated, elegant and refined, or anything in between, based solely on its details.

Examples

Executive Edits31
Details like the oversized typography in the header and the thin borders between elements make the Executive Edits website stand out.

Screenshot32

Christine Szczupak Photography33
The stylized arrows and subtle drop-shadow are important details that increase the visual appeal of this website.

Screenshot34

Kha Hoang35
The effect of the details here—circles, gray box, red typography—definitely add up to a lot more than the sum of the individual parts.

Screenshot36

The Rules of a Gentleman37
Everything from the thick black border at the top to the mix of typography make this website elegant and sophisticated.

Screenshot38

Ryan Willms39
The spacing and arrangement of content here, along with the elegant typography and simple lines, make for a fresh design.

Screenshot40

Visual Craftsman41
This has more detail than many minimalist websites, particularly with the border and other subtle graphics.

Screenshot42

Electricgecko43
The subtle colored box behind the content sets this design apart.

Screenshot44

Color Minimally

Color takes on added significance in a minimalist design. Choosing the right palette or accent colors is vital. Many designers opt for a simple black, white and/or gray palette, but minimalism has room for any color in the rainbow.

Like details, color becomes critical with fewer elements. Pay attention to the meanings of the colors you choose and how they interact with one another.

Examples

Kyle Sollenberger Design45
Subtle pastel colors set apart certain content here.

Screenshot46

Pixelbot Webdesign47
Bright colors stand out against this otherwise black-and-white design.

Screenshot48

MattBango.com49
The shades of blue are subtle but highlight special areas of this otherwise black, white and gray design.

Screenshot50

Second and Park51
Muted colors work well in a minimalist design, particularly when combined with gray.

Screenshot52

Glinga53
A simple website with a gray background and colored accents.

Screenshot54

Deartoy55
Another simple design with colored accents.

Screenshot56

Superawesome57
Magenta is a popular accent color for minimalist sites.

Screenshot58

Thinking for a Living59
A website with a lot more color than many other minimalist websites, but the palette is well thought out.

Screenshot60

Nation61
Another colorful website with a great palette.

Screenshot62

White Space Is Vital

White (or negative) space is the backbone of any minimalist design. What you leave out of a design is just as important as what you put in. White space is critical to emphasizing certain elements over others.

White space “makes” a design minimalist to a large extent. Without it, you’d end up with a grid design or grunge or some other style that’s not truly minimalist.

Examples

Rikcat Industries63
Ample space between elements keeps this website from feeling cluttered.

Screenshot64

Straightline65
Another example of a ton of white space around elements.

Screenshot66

52 Weeks of UX67
Filling every column on the page is not necessary, as evidenced here on the 52 Weeks of UX website.

Screenshot68

Metro Gallery69
The Metro Gallery pays a lot of attention to white space, right down the spacing of letters in its category headers.

Screenshot70

Blank Studio71
Ample white space is used here.

Screenshot72

There are plenty of trends in minimalist design. Some have been around for so long that “trend” is probably not even the right word to use. In any case, the following elements are being put to good use in a variety of minimalist designs.

Gray

Gray is fundamental to minimalist design. Shades of it are used for backgrounds, text, images and pretty much all other elements, often combined with black and white or other colors.

Brian Hoff73
Gray can be used as an accent, not just for typography or backgrounds.

Screenshot74

Michael Cronin75
Of course, gray also makes for a great background color, and it takes on a cool tone when combined with icy blue.

Screenshot76

Ross Gunter77
Another very simple design with a gray background.

Screenshot78

Sort Design79
Medium gray allows for good contrast with typography, while also making a stronger impact in the background than light gray.

Screenshot80

Jack Osborne81
Gray lends itself particularly well to gradients.

Screenshot82

5-Squared83
Combining multiple shades of gray lends visual interest without cluttering.

Screenshot84

Big Typography

Big typography is often used in place of images to add more graphic interest to a website.

Blake Allen Design85
Oversized typography is used throughout this website.

Screenshot86

Kyle Steed87
Big typography is a popular choice for minimalist headers. It makes an impact while also conveying vital information.

Screenshot88

EndGrain89
Another example of oversized type in the header.

Screenshot90

Dunnodt91
Combining different-sized fonts is a great way to add visual interest without clutter.

Screenshot92

Words Are Pictures93
Large typography is also popular as an accent, rather than a focal point.

Screenshot94

Ryan Evans95
Another website that combines multiple font sizes. It’s a great fit when the page has little content.

Screenshot96

Tiny Villain97
Varying the size and color of type makes for an arresting design.

Screenshot98

Division Paris99
Another great example of big typography in the header.

Screenshot100

Background Patterns and Images

Subtle background patterns and bold images can add a huge visual interest to a minimalist design.

Jeroenhoman.com101
A subtle grunge pattern gives this design an edgy feel.

Screenshot102

Neiman Group103
Keeping the background image in grayscale adds visual interest without adding clutter.

Screenshot104

IdeaPaint105
A large background image is still minimalist when the rest of the website’s content is very simple.

Screenshot106

Bunton107
The subtle texture and pattern in this background is aesthetically pleasing without being overwhelming.

Screenshot108

Francesco Fonte109
Another subtle grunge pattern.

Screenshot110

Caitlin Worthington Photography111
This taupe grunge pattern is unexpected.

Screenshot112

Simple Grids

Grids aren’t necessarily minimalist by nature, but simple ones can bring order to a bare design.

Fitzroy and Finn113
Simple grids make sense for organizing equally sized images.

Screenshot114

Brand New115
A simple grid like this organizes without adding complexity.

Screenshot116

Design Woop117
A more traditional grid design that has plenty of white space to keep things looking minimal.

Screenshot118

Fortyone119
Another great example of using simple grids to organize images, this time including text.

Screenshot120

Things121
This simple-looking grid belies the careful thought that went into it.

Screenshot122

Corporate Risk Watch123
This grid is set apart by the roll-over effects in the navigation (visit the website to check them out) and the subtle grid lines.

Screenshot124

Positively Melancholy125
A simple grid like this works well for organizing different-sized images, too.

Screenshot126

Circles

Circles can be found on many minimalist websites. I’m not sure whether designers who like circles are more inclined to have a minimalist aesthetic or whether they choose circles because they fit minimalist designs particularly well. In any case, circles are often found in headers and are also used as accents in navigation.

iLTD127
A simple circular logo in the header.

Screenshot128

Simon J Hunter129
Another circle in the header, this time with a monogram.

Screenshot130

Frank Chimero131
Another circular monogram for a logo.

Screenshot132

Indextwo133
And another.

Screenshot134

Leica135
Leica’s logo is a bright red circle, used across its products and marketing materials, including its website.

Screenshot136

io137
And another.

Screenshot138

Bless139
Circular badges like this are also popular.

Screenshot140

Alex Cornell141
A circular logo with a more abstract design.

Screenshot142

Royale143
Circles aren’t just used for logos, though. Here’s a great example of a circle used for content.

Screenshot144

Bonus: Transparency

This isn’t really a trend per se, because it’s not often seen in minimalist designs. But it can make a huge visual impact and should really be used more by minimalist designers.

Slideshow Press145
The subtle transparency in the logo gives this design an added dimension without creating clutter.

Screenshot146

More Examples

Here are some more examples to inspire you.

Brancozero147
Screenshot148

FLOWmarket149
Screenshot150

Circus Family151
Screenshot152

Reknit153
Screenshot154

Dracula Studio155
Screenshot156

Zachary Pulman157
Screenshot158

Laboixeta159
Screenshot160

SkilledConcept161
Screenshot162

Days with My Father163
Screenshot164

NeueBlanc165
Screenshot166

Winkreative167
Screenshot168

Madewithpixels169
Screenshot170

Acne Production171
Screenshot172

Further Resources

(al)

Footnotes

  1. 1 http://www.smashingmagazine.com/2008/11/17/showcase-of-minimalist-and-clean-designs/
  2. 2 http://www.northkingdom.com/
  3. 3 http://www.northkingdom.com/
  4. 4 http://www.sleepoversf.com/
  5. 5 http://www.sleepoversf.com/
  6. 6 http://www.jonaslindvall.com/
  7. 7 http://www.jonaslindvall.com/
  8. 8 http://yourneighbours.de/
  9. 9 http://yourneighbours.de/
  10. 10 http://www.sharpenr.net/
  11. 11 http://www.sharpenr.net/
  12. 12 http://zenhabits.net/2009/08/the-minimalist-principle-omit-needless-things/
  13. 13 http://www.upandonward.com/
  14. 14 http://www.upandonward.com/
  15. 15 http://www.lachlanbailey.com/
  16. 16 http://www.lachlanbailey.com/
  17. 17 http://www.sarahhultin.com/
  18. 18 http://www.sarahhultin.com/
  19. 19 http://alexdubrovsky.com/
  20. 20 http://alexdubrovsky.com/
  21. 21 http://www.anothercompany.org/
  22. 22 http://www.anothercompany.org/
  23. 23 http://www.worksinsilence.com/
  24. 24 http://www.worksinsilence.com/
  25. 25 http://www.brettarthurphoto.com/
  26. 26 http://www.brettarthurphoto.com/
  27. 27 http://www.dannyguy.com/
  28. 28 http://www.dannyguy.com/
  29. 29 http://www.briandanaher.com/
  30. 30 http://www.briandanaher.com/
  31. 31 http://www.executiveedits.com/
  32. 32 http://www.executiveedits.com/
  33. 33 http://christinaszczupak.com/
  34. 34 http://christinaszczupak.com/
  35. 35 http://khahoang.com/
  36. 36 http://khahoang.com/
  37. 37 http://www.therulesofagentleman.com/
  38. 38 http://www.therulesofagentleman.com/
  39. 39 http://www.ryanwillms.com/
  40. 40 http://www.ryanwillms.com/
  41. 41 http://www.visualcraftsman.com/
  42. 42 http://www.visualcraftsman.com/
  43. 43 http://electricgecko.de/
  44. 44 http://electricgecko.de/
  45. 45 http://kylesollenberger.com/
  46. 46 http://kylesollenberger.com/
  47. 47 http://pixelbot.ro/
  48. 48 http://pixelbot.ro/
  49. 49 http://www.mattbango.com/
  50. 50 http://www.mattbango.com/
  51. 51 http://secondandpark.com/
  52. 52 http://secondandpark.com/
  53. 53 http://www.glingadesign.com/
  54. 54 http://www.glingadesign.com/
  55. 55 http://deartroy.com/blog/
  56. 56 http://deartroy.com/blog/
  57. 57 http://sprawsm.com/
  58. 58 http://sprawsm.com/
  59. 59 http://www.thinkingforaliving.org/
  60. 60 http://www.thinkingforaliving.org/
  61. 61 http://www.wearenation.co.uk/
  62. 62 http://www.wearenation.co.uk/
  63. 63 http://www.rikcatindustries.com/
  64. 64 http://www.rikcatindustries.com/
  65. 65 http://www.straightline.jp/
  66. 66 http://www.straightline.jp/
  67. 67 http://52weeksofux.com/
  68. 68 http://52weeksofux.com/
  69. 69 http://blog.metrogallery.com.au/
  70. 70 http://blog.metrogallery.com.au/
  71. 71 http://www.blankspaces.net/
  72. 72 http://www.blankspaces.net/
  73. 73 http://www.brianhoff.net/
  74. 74 http://www.brianhoff.net/
  75. 75 http://mikstudios.com/
  76. 76 http://mikstudios.com/
  77. 77 http://www.rossgunter.com/
  78. 78 http://www.rossgunter.com/
  79. 79 http://www.sortdesign.co.uk/
  80. 80 http://www.sortdesign.co.uk/
  81. 81 http://jackosborne.co.uk/
  82. 82 http://jackosborne.co.uk/
  83. 83 http://www.5-squared.com/
  84. 84 http://www.5-squared.com/
  85. 85 http://www.blakeallendesign.com/
  86. 86 http://www.blakeallendesign.com/
  87. 87 http://kylesteed.com/
  88. 88 http://kylesteed.com/
  89. 89 http://www.end-grain.net/
  90. 90 http://www.end-grain.net/
  91. 91 http://www.dunnodt.com/
  92. 92 http://www.dunnodt.com/
  93. 93 http://www.wordsarepictures.co.uk/
  94. 94 http://www.wordsarepictures.co.uk/
  95. 95 http://www.ryanevans.me/
  96. 96 http://www.ryanevans.me/
  97. 97 http://www.tinyvillain.com/
  98. 98 http://www.tinyvillain.com/
  99. 99 http://www.divisionparis.com/
  100. 100 http://www.divisionparis.com/
  101. 101 http://www.jeroenhoman.com/
  102. 102 http://www.jeroenhoman.com/
  103. 103 http://neimangroup.com/
  104. 104 http://neimangroup.com/
  105. 105 http://www.ideapaint.com/site/index.html
  106. 106 http://www.ideapaint.com/site/index.html
  107. 107 http://bunton.com.au/
  108. 108 http://bunton.com.au/
  109. 109 http://www.ffranz.com/
  110. 110 http://www.ffranz.com/
  111. 111 http://www.caitlinworthington.com/
  112. 112 http://www.caitlinworthington.com/
  113. 113 http://fitzroyandfinn.co.uk/
  114. 114 http://fitzroyandfinn.co.uk/
  115. 115 http://www.underconsideration.com/brandnew/
  116. 116 http://www.underconsideration.com/brandnew/
  117. 117 http://designwoop.com/
  118. 118 http://designwoop.com/
  119. 119 http://www.fortyone.ch/
  120. 120 http://www.fortyone.ch/
  121. 121 http://things.be/
  122. 122 http://things.be/
  123. 123 http://www.corporateriskwatch.com/
  124. 124 http://www.corporateriskwatch.com/
  125. 125 http://www.positivelymelancholy.com/
  126. 126 http://www.positivelymelancholy.com/
  127. 127 http://www.iliketodesign.ca/
  128. 128 http://www.iliketodesign.ca/
  129. 129 http://sjhunter.net/
  130. 130 http://sjhunter.net/
  131. 131 http://www.profile.frankchimero.com/
  132. 132 http://www.profile.frankchimero.com/
  133. 133 http://www.indextwo.com/
  134. 134 http://www.indextwo.com/
  135. 135 http://us.leica-camera.com/home/
  136. 136 http://us.leica-camera.com/home/
  137. 137 http://www.ioadv.it/
  138. 138 http://www.ioadv.it/
  139. 139 http://www.blessdesign.com/
  140. 140 http://www.blessdesign.com/
  141. 141 http://alexcornell.com/
  142. 142 http://alexcornell.com/
  143. 143 http://royale.no/
  144. 144 http://royale.no/
  145. 145 http://www.sideshowpress.com/
  146. 146 http://www.sideshowpress.com/
  147. 147 http://www.brancozero.com/
  148. 148 http://www.brancozero.com/
  149. 149 http://theflowmarket.com/site.php
  150. 150 http://theflowmarket.com/site.php
  151. 151 http://www.circus.fm/
  152. 152 http://www.circus.fm/
  153. 153 http://www.rekn.it/
  154. 154 http://www.rekn.it/
  155. 155 http://www.draculastudio.com/
  156. 156 http://www.draculastudio.com/
  157. 157 http://zacharypulman.com/
  158. 158 http://zacharypulman.com/
  159. 159 http://www.laboixeta.com/
  160. 160 http://www.laboixeta.com/
  161. 161 http://skilledconcept.com/
  162. 162 http://skilledconcept.com/
  163. 163 http://www.dayswithmyfather.com/
  164. 164 http://www.dayswithmyfather.com/
  165. 165 http://www.neueblanc.com/
  166. 166 http://www.neueblanc.com/
  167. 167 http://www.winkreative.com/
  168. 168 http://www.winkreative.com/
  169. 169 http://www.madewithpixels.co.uk/
  170. 170 http://www.madewithpixels.co.uk/
  171. 171 http://www.acneproduction.com/
  172. 172 http://www.acneproduction.com/
  173. 173 http://www.webdesignerdepot.com/2009/12/minimalist-web-design-when-less-is-more/
  174. 174 http://www.skelliewag.org/a-guide-to-creating-a-minimalist-website-63.htm
  175. 175 http://bloggingbits.com/minimalism-in-web-design/
  176. 176 http://www.problogdesign.com/blog-usability/minimalism-is-just-designer-speak-for-laziness/
  177. 177 http://vandelaydesign.com/blog/design/how-to-make-minimalistic-design/

↑ Back to top Tweet itShare on Facebook

Cameron Chapman is a professional Web and graphic designer with over 6 years of experience. She writes for a number of blogs, including her own, Cameron Chapman On Writing. She’s also the author of The Smashing Idea Book: From Inspiration to Application.

Advertisement
  1. 1

    @smashing
    the site “Blake Allen Design” may or may not have been hacked. I get a virus warning every time i try to view that site.

    i would probably advise removing that link and if some one knows the owner let them know. bummer cuz from the thumb it looks like a snazzy site.

    0
  2. 52

    Avoid background colours
    Avoid images
    Avoid borders and hard dividers (hr)
    Avoid too many fonts and typefaces
    Avoid a large color palette
    Avoid information overload (each page/screen serves a singular purpose)
    Avoid more than three levels of nesting (navigation/breadcrumbs, lists, h1/h2/h3)
    Use plenty of white space (margins, padding)

    source: http://aleembawany.com/2008/12/04/minimalist-design-guidelines/

    0
  3. 103

    Just wanted to show off our site’s design which is very simple as well… suggestions very welcome (just use our feedback link).

    http://www.onepageperday.com

    0
  4. 154

    Visual Craftsman

    May 14, 2010 9:04 pm

    Much props to SM for the reference/example. Bravo on this post!

    0
  5. 205

    This makes for great reading if you are thinking about a new website or are about to redesign one. Thank you, Cameron, for putting it all together and helping us think new thoughts!
    Yasmin Chopin Interior Design

    0
  6. 256

    One important note about what makes a good design truly minimal is the fact that it is indeed irreducibly complex (ahh the irony). Meaning, you can not take away any element within the composition w/o breaking the integrity and relationships of the design.

    0
  7. 307

    Eko Setiawan-dynamicwp.net

    May 14, 2010 11:35 pm

    We love simplicity too…
    Great article, adding my knowledge of how to design a web with minimalist style.
    Thanks for share

    0
  8. 358
  9. 409

    Thanx for featuring our website.
    – – – – – – – – – – – – – –
    http://www.fortyone.ch

    0
  10. 460

    An other minimalist webdesign site here : http://www.nesk.fr

    0
  11. 511

    Check this out:

    http://www.dsignart.org

    0
  12. 562

    You really should stop googling for minimal web sites and then write about it like the 10,000 before you already did.
    Time to evolve because this type of posts are circular ones. And remember, not always the stuff you find in the net its correct….

    0
  13. 613

    Nice article!

    0
  14. 664

    I love minimalistic websites, I really do. I even went that route with my own website. I just wish I didn’t have to see the same exact websites being mentioned over and over all the time. Obviously the whole “Great minimalist websites” has been done many times, but it seems that everyone always lists the same websites/designers in them. There has to be some new people out there that deserve a little spotlight, right? I’m not saying those that get mentioned aren’t great, but where’s the love for the not so recognized little guy/girl?
    Great post, of course =)

    0
  15. 715

    Another cool example is somebigideas.com

    I just love a minimal clean layout, it puts the focus back on the content (where it’s supposed to be)

    0
  16. 766

    Beautiful post!

    In your opinion is this site http://www.studiovisuale.it minimalist?

    0
  17. 817

    Microsoft is the antithesis of “minimalist” in everything it does: for years, its badly designed Web site(s) have personified the idea of “overmarketed corporate slop.” Having said that, Microsoft’s redesign actually takes some of the ideas of minimalist design and implements them into a nice design:

    http://www.microsoft.com/en/us/default.aspx

    Please note, I am NOT saying that Microsoft has given us a “minimalist” site, I’m saying it has adopted some of the principles to craft its new design. It’s much less “corporate overlord” in its look and feel, and as a result, far more user-friendly (to my eye). Other large, overly busy sites (anyone been to http://espn.go.com/ or CNN’s site lately?) could take a page from Microsoft’s book and employ some of the principles of subtle color schemes, large(r) areas of whitespace, and the overall idea of “less is more” to revamp their sites.

    But some things don’t change; IE still sucks. :)

    0
  18. 868

    Hard to call simplicity a trend but definitely getting tired of the bland white websites, its been over 3 years of this… I guess you can appreciate people taking care in their font selections and what content they do use but damn its getting boring, or has been boring and terribly stale for a while now.

    I guess I spend to much time looking at websites but I’m dieing to see something frest and new, its been such a long time since anything has had WOW factor, and none of these “minimalist” sites are ever going to do it.

    0
  19. 919

    Many of those sites using small serif font, which is bad for readability.

    0
  20. 970

    Great list, thought we might have made the list but maybe next time.

    0
  21. 1021

    Matthias Wobrock

    May 17, 2010 1:46 am

    I’m a big supporter of minimalistic web design. I just like the look, feel and resulting accessibility and usability of these sites. I am also an online marketer, and stripping down landing pages to their core content greatly helps to get people to do what you want them to on a certain page.

    A thing you’ve mentioned and that I’m not that sure about is the use of circles. Circles by nature always draw a lot of attention from the eye. If there are too many circles in your design the page will look extremely busy. That’s why I think they are great, but should be used with care and to draw attention to key elements of a page rather than sit in headers or footers.

    -1
  22. 1072

    Really compelling list and great examples. I love how it wasn’t just a list post, but you included real information and grounds for picking the examples you did.

    0
  23. 1123

    can tell your opinion about my portifolio vanyrow.co.cc

    0
  24. 1174

    Thanks for the interesting post!
    What do you think about these two example?

    http://ariannacampa.com
    http://www.fabiobarile.com

    Greetings from Italy! :))

    0
  25. 1225

    Can’t believe no one mentioned Beatrice Warde’s “The Crystal Goblet” here.
    http://www.typographia.org/1999/graphion/crystal-goblet.html

    “Type well used is invisible as type…”

    Just replace the word “type” with the word “design”.

    0
  26. 1276

    I think this post is right, simple can be effective and you don’t always need to have a fantastic fancy design, this reminds me i wrote something up a few days ago here it is: webnutter.com/?p=70

    0
  27. 1327

    Lovely list!

    http://www.santacruzpizzas.com is another favorite.

    0
  28. 1378

    Great article. “It’s simplicity that makes things beautiful ”
    Good book : Information Dashboard Design: The Effective Visual Communication of Data > Steven Few talks about “no-data pixel” : every elements that not help to use the interface.

    0
  29. 1429

    Really great article with very impressive websites.

    It’s funny, because we’ve just launched our brand new website. Yeah, it’s a minimal, too.

    Hopefully we can be here on the next post about this :)

    Please visit if you have time: http://www.freshness.hu

    1
  30. 1480

    Although not completely up to date and will soon be changed to a new design, my portfolio site fits the minimalist design to the T.

    http://www.seansdesign.net

    enjoy.

    0
  31. 1531

    Very nice examples and explanations, thanks for the well put together article.
    We did also release a minimalist theme for WP

    http://www.vivathemes.com/wordpress-themes/minimaliste/

    and looks like the popularity of minimalist designs is increasing every day. ‘Simple is beautiful’

    0
  32. 1582

    Another great example of minimalist design http://deusdictum.com/

    0
  33. 1633

    i want to add http://www.mkirste.de a minimalistic photography site

    0
  34. 1684

    Jeremiah selengia

    June 1, 2010 5:32 am

    Great inspirational stuff here. It got me well excited, think i will stay in and work on some stuff.

    0
  35. 1735

    Great post!

    Check out my collection of minimalist web designs: http://newevolutiondesigns.com/30-outstanding-minimalist-web-designs

    1
  36. 1786

    I tried to also keep it clean and simple by using as little imagery as possible and just letting the content be the design. Check out reversedout.com and let me know what you guys think and if there is an opportunity for me to improve or even simplify more. Thank you.

    0
  37. 1837

    Gunisigi Balaban

    August 3, 2010 1:51 pm

    wow great collection!!! Thanks.. I think, vertical nav and single image pattern is overdone and look little bit boring for me.

    0
  38. 1888

    “When crafting an extremely minimalist design, try subtracting elements until the design stops working the way it should. When the website is on the verge of breaking, you know you’ve achieved the most minimalist design possible.”

    What? You have got to be kidding me.

    0
  39. 1939

    Thank you. Used the Elegance template with minimalistic design

    0
  40. 1990

    Minimalism can be powerful, yet It’s very easy on the eyes. I went for a more minimalist approach on my design portfolio myself- let me know what you think yuriyz.com.

    0
  41. 2041

    Inspirational. Too many comments! Fell obligated to come back and read them all but just having skimmed through I have found this immediately impact on my work. Favourite saying: “Subtract until it breaks”. Smashing once again. Pun completely intended. ;-)

    0
  42. 2092

    How about this treat from an illustrator who seems to love typography

    http://www.alancaseydesign.com

    The home page is breathtaking!

    0
  43. 2143

    Thank you! Love this post.. It’s like a tutorial

    0
  44. 2194

    This is a GREAT post! I hope you not mind.I published an excerpt on the web site and also linked back to your own blog site for people to read the full version. Thanks for the advice.

    0
  45. 2245

    I really liked the Gray design and PixelStudio — both perfect examples of a Minimalist Website design done right! I wrote a similar article on Why a Minimalist Website Design is Better, check it out:

    http://rainleader.com/2011/06/less-is-more-why-a-minimalist-website-design-is-better/

    0
  46. 2296

    Went to make a comment and saw the little blurb above about spammy keywords. I dig that disclaimer almost as much as the article. Looking for ideas for my site design and I love a minimalist aesthetic, definitely want to carry over to the site design. Thanks for the great insights.

    0

↑ Back to top