
Smashing Magazine we smash you with the information that will make your life easier. really.
30 Dark Designs You Should’ve Seen
January 13th, 2007 in Design Showcase | 184 Comments
Advertisement
Dark designs can be really stunning. I mean, really. In Web 2.0 designers try to do their best to impress their visitors and in many cases they definitely succeed in doing so.
As a second (out of five) part of our 50 Beautiful CSS-Based Web-Designs in 2006 collection we’d like to present some stunning, but rather unknown dark designs, which you really should have seen if your aim is to develop web-sites in the modern “Look & Feel”-style.
Leave a Reply
Sponsors
- Advertise with us!
Smashing Links
Popular Posts
- 100 Wordpress Themes
- 83 Wordpress Themes
- 80 AJAX Solutions
- 53 CSS Techniques
- 45 Excellent Blog Designs
- 50 Beautiful Designs
- 50 Simple Designs
- 60 Elegant Designs
- 65 Excellent Flash Designs
- Stunning Desktop Wallpapers
- Stunning HDR Pictures
- Stunning Photos
- Free Design Templates
- Free CSS Layouts
- Free Icon Sets
- Free High-Quality Fonts
- Slideshows & Lightboxes
- Adobe Photoshop Tutorials
- Adobe Illustrator Tutorials
All Posts
- 404 Error Pages
- AJAX Libraries
- AJAX Solutions
- Blog Designs
- Blog Headers
- Book Covers
- Browsers Round-Up
- Browser Test Suites
- Buzz-Monitoring
- Charts and Diagrams: Tools
- Cheat Sheets
- Code Beautifier
- Copyright Explained
- CSS Coding Techniques
- CSS Designs 1, 2, 3, 4, 5
- CSS Expert Ideas
- CSS Float Theory
- CSS Frameworks
- CSS Free Templates
- CSS Footers
- CSS Forms 1, 2
- CSS Frameworks
- CSS Galleries
- CSS Ideas
- CSS Layouts
- CSS Menus
- CSS Print-Layouts
- CSS Specificity
- CSS Styleguides
- CSS Tables
- CSS Tutorials
- CSS-Techniques
- CSS Tools
- Data Grids and Tables
- Data Visualization 1, 2
- Date Stamps
- Design Books 1, 2
- Design Magazines
- Designer's Checkpoints
- Domain Tools
- Dreamweaver Tutorials
- E-Mail Delivery
- Favicons 1, 2, 3, 4, 5, 6
- Firefox Themes
- Fireworks Tutorials
- Flash Designs
- Flash Slideshows
- Flash Tutorials
- Fonts 1, 2, 3, 4
- Forums
- Gadgets 1, 2, 3
- Google AdSense
- Google PageRank
- Graphics Design
- Grid-Based Design 1, 2
- Grunge Design 1, 2
- Hand-Drawing Design
- Handwriting and Lettering
- Hotkeys

































Justin (January 13th, 2007, 10:16 pm)
Great collection, each single site is worth to enumerated here! In my point of view, maybe only Link [www.mein-brandenburg.com] is missing. Thanks for providing such inspirations.
Luke Williams (January 13th, 2007, 10:30 pm)
Great post, All the designs are inspirational layouts!
Mubahar Iqbal (January 13th, 2007, 10:34 pm)
If you like this style, be sure to check out Link [www.lightondark.com,] a showcase for ‘dark’ sites.
Milosz Lodowski (January 13th, 2007, 11:00 pm)
Thanks for your kind opinion about my work ;)
It’s a real pleasure of mine to be the one of this 50’s
Best wishes
Ice
Dan (January 14th, 2007, 12:29 am)
Undeniably beautiful designs, but dark websites remain in the realm of web designers rather than web content publishers.
I’ve seen people try to use dark designs for content-heavy websites, I’ve tried it too, and it just doesn’t work as well as a light design would.
For design sites though, stunning.
Milosz Lodowski (January 14th, 2007, 12:38 am)
Dan: It depends on kind of project…
In general - You’re right, but in special cases the dark design is more emphatic, sophisticated, full of feeling and emotions, ie. night club or parties sites, linigerie sites, some events, occasions and many more…, they’re also commercial but in specific way of feeling
Ganesh (January 14th, 2007, 3:58 am)
Awesome collection! Inspiring no doubt :)
Rx (January 14th, 2007, 4:39 am)
Is it only me who finds these desings incredbily boring, uninspired and are simply joining in on the Web 2.0 Circle-Jerk? Very few of these break any mold and simply play into todays repetitive trends?
xen ix (January 14th, 2007, 4:44 am)
Great article. Nice way to get inspiration.
commy (January 14th, 2007, 4:52 am)
Nice article! Check out Link [www.screenalicious.com] for more great designs. It contains more than 4900 screenshots!
Motorcycle Guy (January 14th, 2007, 5:09 am)
I’m still not sure I like dark designs. Some of those do look rather good, but to me traditionally I’ve never thought dark designs look professional.
Fazal Khan (January 14th, 2007, 5:33 am)
you missed Link [www.londonshootfighters.com] !
Josh (January 14th, 2007, 5:46 am)
“Otherwise we’ll break this series of articles and will offer you another content.”
Nothing like a threat to make me want to bookmark you.
trevor Nohcudg (January 14th, 2007, 5:51 am)
This will all end with crying
danofthenorthstar (January 14th, 2007, 5:56 am)
Dark design just looks great if you know how to handle bright text colors on gloomy backgrounds. Your first option should be using white for the continuous text.
“Dark pages” have an elegant and classic look if they are done the right way. Indeed, it’s more difficult to create a working “dark” page instead of creating a white one.
Photos or pictures are working very well on a black background. The colors, the brightness and the contrast of the photo seem to be much “sharper” in contrast to placing pictures on bright backgrounds.
On the other hand i just read (sorry don’t know the source anymore) that text written on bright backgrounds would be approx. 30% faster to read. Greetings, Dan.
tinkles mcdoosh (January 14th, 2007, 6:02 am)
Link [matrixsynth.blogspot.com] was missed, it has great “designs”
Moonsault (January 14th, 2007, 6:22 am)
Great article!!
Dan (January 14th, 2007, 6:25 am)
Milosz & danofthenorthstar, thanks for the insight.
I may simply be stuck in the mindset of “dark text on a light background = professional publisher” if some people can make it work well the other way round. Personal preference probably plays a part in how I see sites.
I agree party and special occasion sites are exactly the sort of sites that would suit a dark design.
JR (January 14th, 2007, 7:06 am)
Link [www.coldstonecreamery.com] is a nice dark site in contrast to most corporate sites.
David G. Paul (January 14th, 2007, 7:08 am)
One thing I’ve noticed from dark sites is that after you’ve been reading one for a while and then look away from the monitor you see lines before your eyes - now that’s disturbing
But I do like dark sites! They always manage to look cool, and the ones above are definately some very cool looking sites. Nice list.
grant (January 14th, 2007, 7:50 am)
Dark sites are very easy on the eyes.
I wish more sites used darker themes
Milosz Lodowski (January 14th, 2007, 8:17 am)
How the pictures and images look on a dark background you could see on my and my friends internet design showcase Link [www.E-motionalDesign.com]
It’s far better than on the brightest one or on white…
Ice
bill (January 14th, 2007, 8:42 am)
Link [www.studio7designs.com]
Dark on light design with lots of westcoast flavor.
silver_fox (January 14th, 2007, 8:56 am)
maybe not *as* nice as some, but def worth a look.
Link [www.caught-outside.com]
Carlos Eduardo (January 14th, 2007, 9:39 am)
Really good examples.
It shows that we didn’t need to use “light” colors to have a great design; different from that “design pattern” that we have today.
Great sites!
Joe Rugus (January 14th, 2007, 11:31 am)
Whatever - go to Link [www.artreality.com] - hands down the most craziest insane use of CSS - INCREDIBLE PIXEL ANIMATION only using javascript and css!
Silly Sam (January 14th, 2007, 11:33 am)
This site reminds me of those in this list
Link [www.drawhere.com]
Similar dark design, with the rounded edges.
James (January 14th, 2007, 11:36 am)
THIS LIST MADE MY DAY! Love dark sites, LOVE.
finbarr (January 14th, 2007, 8:35 pm)
Thanks for the inclusion of my site, guys… I’m truly honoured!
Lots of really great sites in that list, many of which I’m jealous of myself - especially Snagt as Ive never seen it before
Miguel (January 14th, 2007, 10:04 pm)
Thanks to talk about us!!! Our bandwidth crashed, but all it’s ok today. Good luck!
Digilee (January 15th, 2007, 12:36 am)
One site missing from the list is the phoblo at Link [z6.co.uk]
Other than that, great list, very inspirational as ever!
Tyotyo (January 15th, 2007, 3:45 am)
Link [projnow.hu]
Nonconformist (January 15th, 2007, 8:08 am)
A great list. Rusty Lime should have been in there as well: Link [www.rustylime.com]
Ashish Mohta (January 15th, 2007, 3:45 pm)
I want a dark design too.But my blog doesnt fit.If i ever start a personal blog.I will come back to you
ChrisB (January 15th, 2007, 5:49 pm)
Another great one! Thanks Guys
MrQwest (January 15th, 2007, 9:34 pm)
That is a really nice list of websites. Beautiful design & inspiration!
Thanks :)
Smith (January 15th, 2007, 11:02 pm)
I like all the templates. It shows that always light colors are not good. Dark colors can also make the great designs.
ilker (January 16th, 2007, 3:21 am)
hmm.. i guess i need to Link [ilkeryoldas.blogspot.com] to enter the next selection!
precision techconet (January 18th, 2007, 2:23 pm)
Nice Collection…
Lelia Katherine Thomas (January 18th, 2007, 3:09 pm)
I think EbonMusic does the best job with lighting; they never seem to over-contrast or under-contrast. All of these are great designs, though, I feel. :)
Henry O'Connor (January 18th, 2007, 11:47 pm)
You missed this Link [ja.rafi.pl]. It’s a blog, but really nice.
Johnny S. (January 19th, 2007, 10:06 am)
Perhaps you’d like to see this dark site too:
Art of Adam Betts
Link [www.artofadambetts.com]
Just thought I should share this link. I love his works.
Rafal Zrobecki (January 19th, 2007, 4:16 pm)
I am impressed by Larissa Meek. Her work is fantastic!
Greg (January 19th, 2007, 4:54 pm)
Should have listed our site : Link [www.tsc-music.com] a great dark site.
blake (January 20th, 2007, 11:22 pm)
You missed Link [www.inkoherence.com]
Daniel (January 20th, 2007, 11:26 pm)
No No No No Nooooooooo!
Darn. Now I have to lock myself in a room for at least a week to learn all the neat tricks myself…
That’s really incredible work, thank you!
rigor mortis (January 21st, 2007, 11:07 pm)
want dark?
how’s this for dark?
Link [spreadhead.virtualave.net]
Azeem (January 24th, 2007, 9:09 pm)
Beautiful sites. Since the theme is Dark Designs then I think i’ll try and give my own site a cheap plug:
Link [www.azeemalim.co.uk]
A dark design and quite nice if I dont say so myself.
Jackson Capper (January 25th, 2007, 10:58 am)
I thought my site fits into this “dark” category.
Link [www.keywebconcepts.com.au]
Does anyone like the Windows Vista website, or am I the only one? I love the new Microsoft design philosophy.
joeyramone76 (January 25th, 2007, 7:44 pm)
great selection of dark design. Is there a section with design divided by color?
J.A. Catero (January 26th, 2007, 8:03 am)
silver_fox Thank you for showing an intrest in my site. If you don’t mind me asking. Where did you hear about my site? Enjoy.
J.A. Catero
S.entinel (January 26th, 2007, 6:07 pm)
Guys take a look at:
Link [www.xdimension-studio.com]
hope you like it too.
Pedro Lamin (January 31st, 2007, 6:35 pm)
Mine blog also enters in this list? Link [www.pedrolamin.com.br]
Angry Canadian (February 2nd, 2007, 12:56 am)
Great collection. I just launched Link [www.radiodetox.com], which has a pretty simple interface with black, red, gray, and white. Check it out.
Mateusz Wielinski (February 3rd, 2007, 5:49 pm)
We’ve just preparet the list of the best 100’s e-motional websites we’ve found in the web…
(with artistic influences) You could see this on Link [www.e-motionaldesign.com]
Shannon Light (March 1st, 2007, 3:00 pm)
Link [www.mcpmedia.com]
MCP Media is a professional Phoenix web design company. Get free web design quotes here any time!
emanuel (March 9th, 2007, 7:34 am)
nice sites! have you seen this one:
Link [12frames.de]
PeterPriest (March 9th, 2007, 6:19 pm)
Very goof and interesting !!!
I have one more link to this post (Dark Design) Link [www.harddays.net]
This is site about underground music in Uzbekistan.
Anatoliy (May 22nd, 2007, 5:23 am)
On a dk background there are no white tints (prbloger.com and cviscusi.com)
And generally - very much inspired works of art!
Chris (May 24th, 2007, 8:32 pm)
Yea styles are much easier to make these days and with so many templates out there even web site designers who are starting out can make a site looks great in a matter of minutes.
Ash Haque (May 29th, 2007, 4:39 pm)
Just finished redesigning my own site, first time doing light on dark :-)
Link [www.bballcity.com]
hEXA (June 11th, 2007, 11:06 pm)
where i can download these themes???????
Selesti (June 15th, 2007, 10:29 pm)
Hi, what a great selection! I’m chuffed you have my Link [www.soulshaker.co.uk] site on there.
Dark sites are here to stay!
Aria Rajasa (July 16th, 2007, 7:36 pm)
@hEXA
You can’t download it, it’s the work of others. Please appreciate
Btw nice post, there are a lot of dark designs incorporating black and blue color scheme. I didn’t see much of black and orange though although it’s my fave color sheme :P
Seed (July 21st, 2007, 5:56 pm)
hi,
Thanks for your kind opinion about my work ;)
It’s a real pleasure of mine to be the one of this 50’s
Parisuhde (August 17th, 2007, 3:11 am)
Hey,
thanks a lot! I’m just about to redesign my site and looking into the darker side. :)
Hans Hagen (August 31st, 2007, 5:24 am)
Dahlbäck is the best!
Ronald Peters (September 8th, 2007, 8:07 pm)
Great info :-)
dzieci (September 10th, 2007, 4:10 pm)
I prefer light designs. I don’t like dark.
vreme (September 23rd, 2007, 8:43 pm)
Dark designs are OK but the problem is with advertisers - according to my past and present experience they do not trust to advertise on dark web pages because it gives them sort of “underground” or maybe “something illegal” feeling. And naturally they don’t want their company to be connected in anything “illegal” …
Carlos Stucky (October 10th, 2007, 5:10 am)
Hello all! I just LOVE Smashingmagazine, I am knew in the business…My website is on tailor made luxury travel, it is simple, home made, nothing of flash, because I still don’t know how to use it…But I like the idea that websites are also for grannies not only for grandsons, so no plu-ins required! All my love! Stucky
fanzone (October 16th, 2007, 5:23 am)
best dark site I’ve seen that is extraordinarily elegant with thoughtful and intelligent posts is
http:theerrantaesthete.com
(Essentials for the Cocktail Swilling Savant)
Diego Homem (October 30th, 2007, 8:06 pm)
I write to this Blog Link [www.designcorporativo.com] , that is all dark too
Web design Bulgaria (November 13th, 2007, 4:14 pm)
Just finished redesigning my own site, first time doing light on dark :-)
meg (November 21st, 2007, 7:45 am)
i love black sites, using black windows theme black video player b firefox with Link [gBlack.02d.pl]
almose everything and i think that smashmagazine should be black to …
Nick Soper (December 25th, 2007, 1:13 am)
Great List.
Our site is dark if you want to take a gander.
Jeff Adams (January 2nd, 2008, 1:11 pm)
im looking for a dark design for my own site, its like froggy and pond related - these give some great tips thanks alot.
anon (January 4th, 2008, 6:50 am)
Why won’t you people learn??
white text on a black background hurts the eyes.
I simply close ANY website that uses this style
Ms. Designer (January 8th, 2008, 10:19 am)
Ohh la la - love the creativity.. some of the designs are very chic and pop-culturish :)
Albinora..
Walker (January 13th, 2008, 6:33 am)
Great graphical black theme!
But, I still hesitate to change the Black-LG theme used for my blog :-)
Shobhit (February 1st, 2008, 11:27 am)
Link [www.shobhit.graphixangels.com]
is also a site that is in black color.. hope you guys like it
Damola (March 4th, 2008, 9:15 am)
These are very fresh layouts. They are highly inspirational.
PraP (March 14th, 2008, 3:02 am)
This is Superb Collection. mine too is on black :)
NQCG (March 15th, 2008, 1:41 am)
Does this high-tech corp. site look too dark? Please comment. Thanks.
MasviL (May 4th, 2008, 12:01 pm)
Someone say dark background is very relax for eyes.