26 Dark Website Designs That Work Well
Posted on 01. Oct, 2009 by Web Design in Inspiration
I have compiled a showcase of the most fantastic dark website design. All of these designs work very well with each other. The colours, backgrounds, text effects, images and overall web design positioning has selected very carefully in order to make them top of their game, and a masterpiece within itself. If you think I have missed any out from the list of 26, then please feel free to drop in a comment. Remember to click on the images to view each website. Thanks to Ten Thousand Things for the title post image!
Take The Walk
This website stands out because of the red boxes and white text it uses on top of the black background.
* * * * *
Starbucks Coffee At Home
The light text border on the dark background makes this design work very well.
* * * * *
Evan Eckard
The white text and separating white lines make the content stand out from a dark background.
* * * * *
Electricurren
All the black and white images, green splatters, and other miscellaneous background objects make this design fit nicely together with a dark background.
* * * * *
Print Huge
This design uses dark blue as the main colour, and the text is a light blue to make it stand out. Also the giant printer on the right hand side lives up to the site name.
* * * * *
Nice Lion Design
This design uses bright text, and then a different array of dark colours for the background / menu.
* * * * *
Level 9
Uses a great array of colours, and the image border makes it stand out.
* * * * *
Good Bytes
A beautiful selection of dark colours used on this site.
* * * * *
Maurice Krijtenberg
One image that stands out on the dark background.
* * * * *
Ten Thousand Things
Uses a dark space background, and a lovely slime green for the logo and nav that really stands out.
* * * * *
Kavoon
Kavoon use a really stand out graphic on their homepage, along with white text on a dark background.
* * * * *
Fred Maya
Uses a nice contrast of blues to make this dark web design work well.
* * * * *
Creative Logic Media
This site uses a nice glow of colours as the header to make the menu stand out. Love the colours!
* * * * *
Mike Poss
Mike uses a selection of illustrations in blue, pink and white to make his site stand out from the dark background.
* * * * *
Sato
This site uses some sext colours! I love the red on the black, looks so nice.
* * * * *
VLP
I love the green grass contrast on the dark background.
* * * * *
We Are Cyan
This website uses 3 simple colours. Black, white and cyan. Its simple, but it works.
* * * * *
Visit Mix
Mix has a very colourful navigation menu, that outshines the rest of the site. And it looks really great on the dark coloured background too!
* * * * *
Let It Bleed
The dark blue and red colours work extremely well to make this site looks fantastic.
* * * * *
New Concept
New Concept uses brown and red colours and have a floral style effect.
* * * * *
AdaptD
This website uses a dark background, but a different bright colour for each section. Love the idea!
* * * * *
Product Planner
This site is in the style of a black board. I really like it (oldskool).
* * * * *
Plan 4 Play
A simple design can work wonders. Very minimal colours with this one looks great!
* * * * *
Sugar Rhyme
This site comes across with a dark rich colour scheme. The different shades of brown work so well.
* * * * *
Sofa Surfer
A nice rich background gradient and some great choice of text colours go along way.
* * * * *
Noe Design
The text effects, colours, and positioning works very well on this dark background website design.
33 Responses to “26 Dark Website Designs That Work Well”
Leave a Reply
Loading ...
Keith
01. Oct, 2009
Nice collection.
This has to be one of my favourites: http://www.eeci2009.com/
Designect.Com
01. Oct, 2009
And my site: http://designect.com
Nice collection. Thank you!
Franky
01. Oct, 2009
And of course mine! http://www.frankyaguilar.com
Rogerio Fratin
01. Oct, 2009
Very good! Thank’s a lot!
Graphic Design Melbourne
01. Oct, 2009
Nice collection Andy!
Definitely a few there that inspire you and make you green with envy
Bruno Monteiro
02. Oct, 2009
You can Visit this website: http://www.epcc.pt
Andy
02. Oct, 2009
Nice
Manz
02. Oct, 2009
I’m a fan of the dark colour palette… even though eveything has it’s place. Sites that are text heavy need to be on a light colour. In my opinion.
http://www.gritfx.com
panneer
02. Oct, 2009
Superb collections, thanks
JK
02. Oct, 2009
Do dark website designs work at all for target audience say over 50 years?
I know a lot of photographers’ websites carry dark design, some provide the option of viewing images on a white background.
Andy
02. Oct, 2009
Hmmm, thats actually a good idea.
Chris
02. Oct, 2009
Hey Andy, this is a great inspiration for black layouts!
hiddenson
02. Oct, 2009
I use dark background as default on my site, but I give the option to reverse to black on white for the users that may prefer it. I too love a touch of red, my favorite color.
Nice review: I particularly enjoyed seeing other websites than the usual bunch gathered in “xx websites you should see” posts. You actually did your homework, kudos on that!
http://hiddenson.graphility.com
Bogdan
02. Oct, 2009
Indeed, these black layouts looks sleek, but I always believed that is not such a good idea to put white text on black background because your eyes will hate you.
JD
02. Oct, 2009
Thanks for sharing the list of great dark website design, Creative Logic Media is my favourite!
Sarah Camp
02. Oct, 2009
Hi Andy! This is a really great showcase post. Probably the best I’ve seen so far of dark designs. Great work putting this together!
Stephanie
02. Oct, 2009
I made my website dark as well ( http://www.stephaniezuroff.com )… after a lot of debate. I just feel like the darker, richer color pallet really reflects me as a person as a designer… so I went with it. I know there’s a lot of talk in the web design community about how hard it is to pull off a dark design… and I think I did an okay job at it, but I would love to hear more feedback from other designers!
theComplex
05. Oct, 2009
Great list! These sites do work well. Very inspiring.
Michele Adamo
05. Oct, 2009
Killer photography makes this site work amazingly well. http://www.charitywater.org/
Jason
06. Oct, 2009
Dark is where it’s at!
Sessizcrew
07. Oct, 2009
thanks http://www.sessizcrew.com http://www.sessizdizayn.com
stron internetowych
07. Oct, 2009
Very nice pack
.Thx
Martin
22. Oct, 2009
And http://www.martiniglesias.eu
Listed in: http://www.designer-daily.com/20-great-web-designs-with-a-dark-background-4592
26 Light Website Designs That Work Well | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver
29. Oct, 2009
[...] the beginning of the month, we posted an article titled 26 dark website designs that work well. Here is the second part of the showcase with 26 light website designs that work well. There are [...]
Paul Smith
18. Nov, 2009
Hi,
Can anyone tell me the font used on this website:
http://www.nineliondesign.com
The ‘I am a Web Designer’ title?
Thanks
Paul
Andy
18. Nov, 2009
I ran it through the what the font tool, and it came back with the font: Benton Sans Cond Bold
Aftab Khalid
18. Nov, 2009
This is Helvetica series
Aftab Khalid
18. Nov, 2009
@Paul Smith
This is Helvetica series
nice collection for personal web designs i like it very much…
Great job Andy
………………………………………………………………………………………………………………
ForgeFunction
30. Jan, 2010
nice list.
Bri Manning
01. Jul, 2010
I think that the crucial part her is “Work Well.” These definitely do it, though many dark designs fail to hit the mark.
metinim
07. Aug, 2010
nice list. thanks
Peach
14. Aug, 2010
Wow, these are all gorgeously done. All of these really do work well. Thanks for sharing such an inspire list of sites.
Darren
14. Aug, 2010
Our website is dark too http://www.redstarcreative.co.uk