20 Examples Of Dark & Minimalist Website Designs With Great Typography

Some time ago I published a post where I listed 15 minimalist designs that inspired me to redesign this site. One comment I received on that post was from my friend Tracey Grady asking me why they all had white backgrounds, and if it’s a personal preference or simply a coincidence. Well it definitely was a coincidence.

Of course I like darker designs! In fact, I recently launched a new site called Design-Newz, which definitely falls into the ‘dark designs’ category! Of course after I got the general idea and was done with the wireframing, I had a pretty good idea of what I was going to do and needed some inspiration! This time I figured I’d go with a dark design. So here are some sites I came across while looking for inspiration. Hope you like them! :)

Here we go, in no particular order:

The 99 Percent Conference

The 99 Percent Conference

Stefan Velthuys

Stefan Velthuys

Tweet CC

Tweet CC

Tic Toc

Tic Toc

Couch Creative

Couch Creative

Ole Martin Kristiansen

Ole Martin Kristiansen

Brynn Shepherd

Brynn Shepherd

Just Dot

Just Dot

LegiStyles

LegiStyles

Kurt Gannon

Kurt Gannon

Jarad Johnson

Jarad Johnson

Visual Box

Visual Box

Flush Inc

Flush Inc

Marek Levak – Designme

Marek Levak - Designme

Redworks

Redworks

Design Junction

Design Junction

deCode

deCode

Chris Garrett

Chris Garrett

Card Observer

Card Observer

Black Estate Vineyard

Black Estate Vineyard

Your Turn To Talk

So, which ones are your favorites? And why? See ya in the comment section! :)

Comments

  1. says

    Great list Jon, although I like dark background website, the mayority is light colored which makes the switch between light and black colored websites somethime a bit harsh. Thanks for compiling this great list!

  2. says

    It’s definitely harder to design a website with a dark background than a light/white background (especially where readability is concerned) so it’s great to have a collection of sites which have done this successfully.

    One other very interesting thing that many of them have in common is some great typography. Minimalist sites are clearly great places to let loose with some typographical fun because your efforts really stand out.

  3. says

    @Sander: You got a point, dark designs are not for everyone, if the colors and contrast is not set right it can be real hard on the eyes. I like dark though :)

    @Tracey: Totally! And again it’s a matter of colors and contrast. Visual Box and The 99 Percent Conference websites are great examples of good contrast and color choices I think.

    Cheers

  4. says

    I would be interested to know if my site ranks up there in peoples opinions as a good example of a dark site or not.

    It’s not a homemade site by any means so i can’t claim responsibilty for the design but i like it, i am just curious about everyone elses thoughts!

    Cheers!
    Grant – Mount Recruitment

  5. says

    Great list! I was looking for some inspiration for a new site I’m working on that needs to have black bg due to the logo. Cheers!

  6. says

    Hello,

    Please add your site at http://www.sweebs.com. Sweebs.com is a place where other people can find you among the best sites on the internet!
    Its just started and we are collecting the best found on the net! We will be delighted to have you in the sweebs listings.

    Regards
    Kris

  7. says

    Really love all that typography. These portfolio sites are a blessing and a curse at the same time. You think you’ve come up with a great design then someone elses design always looks better. Never mind, we get better each day.

  8. says

    @all: Thanks for all the comments guys! I really appreciate it!

    @Reddy: Damn! I should’ve waited hehe your new design is great! (I’ll update the screenshot)

  9. Carol says

    Hi Jon,
    Great list of minimalist dark sites, but is it just me, or do they all look very similar? If so, that must be the drawback of creating a dark site??????

    The two that stood out most for me were just.dot and visualbox. Don’t think I will be creating a dark site yet, although minimalism does appeal xxx

  10. says

    Today, typography is fast becoming more and more popular than imagery. Designers are now trying to expand their design skills to make a website solely made up of text. For example using white typefaces on a black background can make an impact much more so than a striking image. Looking at the website designs shown above, it is clear to see a pattern emerging. They have all used dark backgrounds to showcase their chosen typography(s). Good article!.

    It is important to understand how text will be received by it’s audience. The typefaces used need to be clear, concise and direct – targeting your intended audience. It would be particularly useful to include a follow up article outlining how typefaces differ on different browsers.

  11. says

    ‘Black is beautiful’. And I believe in it. Also, sometimes you can achieve so much with so little. All you need is creativity and an eye for the unconventional and an ability to think out of the box. The Black Estate Vineyard is simply great.

  12. Max Hugh says

    I love black/ dark grey (#333333) style websites with subtle text (e.g. #333333 colour text against a #000000 background). One comment I have about dark websites though is:

    due to the recent growing trend of PCs and Macs having “glossy” screens (and mobile phones having glass screens) the glare and dust or fingerprints can detract from the beauty of the overall web experience.

    I guess that’s why companies like teNriA and Apple Inc have white website e.g. http://www.teNriA.com and http://www.Apple.com

    Great blog–you have given me some really inspiring ideas for my new website (I think I’ll go for a mid colour e.g. #999999 or #666666 with a #333333 text–clear and crisp typography)!

  13. says

    The best part is that it is Dark+Minimalist+Great Typography. You cannot be more specific. Great stuff. And as someone mentioned, it is very difficult to create a dark minimalist website.

  14. says

    hiho,

    I am doing research for my next (own) website and this is the first list that covers black themed minimalistic design. Thanks for this.

Trackbacks

  1. 20 Examples Of Dark & Minimalist Website Designs With Great Typography | SpyreStudios…

    Some time ago I published a post where I listed 15 minimalist designs that inspired me to redesign this site. One comment I received on that post was from my friend Tracey Grady asking me why they all had white backgrounds, and if it’s a personal pre…

Leave a Reply

Your email address will not be published. Required fields are marked *

* Copy This Password *

* Type Or Paste Password Here *