Web Design: Black Layouts

Following our hit series about Web Design, today I bring to you only awesome black layouts! Man, I love these... It's incredible how a layout can get beautiful with darker colors.

And of course, when you work with black, the right colors will bring just the right contrast. Lime-green, Orange, Electro-Pink... most shocking colors will bring awesome life to the layout. Of course, checking this sites you'll get to see many examples of how to apply colors in a black layout. Some of these are not pure black, 'cause if I start to name all the shades of black, grey and other monochromatic colors I'm gonna enter an eternal loop. So, I just hope you all enjoy my selection. Cheers!! ;)


























































And of course, the best black layout ever.

About author

User picture

Hello, everyone! I'm Paulo, a 24 years old designer from Porto Alegre, Brazil. I work as a webdesigner since 2006, but websites and blogs have been a hobbie for me since 1999. At Abduzeedo, I try to bring only the hot stuff for you guys... and hope that all of you enjoy my posts! Cheers! *Now on Twitter.

Sponsored Links:

I'd say, switch the tutorial site with mine :p

Bramme's picture
Bramme (not verified) 10/28/2008

How about the Dyson vacuum cleaner site?
http://www.dyson.co.uk/

James's picture
James (not verified) 10/08/2008

My personal black website
Take a look!

Pato's picture
Pato (not verified) 09/22/2008

I've always loved Kineda's black layout:
http://www.kineda.com

Don Ray's picture
Don Ray (not verified) 09/17/2008

Great sites! Love abduzeedo.com, I'm a big fan :) Another good black layout can be found at UCreative.com. It's a graphic design inspiration gallery, so we went with the black scheme to really put all the emphasis on the user uploaded art work. It's a very clean design with simple navigation. Hope you like!

David's picture
David (not verified) 09/06/2008

oh wow, these are really awesome! thanks for posting a great resource.

BPO's picture
BPO (not verified) 09/03/2008

Hey,
since were talking about web design, and im kinda new to it...
do you know what type of coding is that? I have dreamweaver, so how exactly is this made in:
http://www.craigarmstrongonline.com/index.htm

Is that html? php etc.. i want to try design a layout like that
thanks

Chris's picture
Chris (not verified) 09/03/2008

Very inspirational stuff thanks for the content, I got lost in so many of them I had about 10 tabs open lmao!

dayday's picture
dayday (not verified) 09/02/2008

Black design is Great !

??????'s picture
?????? (not verified) 09/01/2008

the dark background rullz! what a nice collection!

hope to see u at http://freeartisticphotos.com

husac's picture
husac 09/01/2008

Great collection of dark designs. Some of these will be great inspiration for a project I'm working on right now. thank you very much

Web Design Adelaide's picture
Web Design Adelaide (not verified) 09/01/2008

This is a great list. I saw many of these sites (including this one) as I was deciding whether or not to do one myself. It's still under construction but I launched mine recently as well.
Artboredom

Artboredom's picture
Artboredom (not verified) 09/01/2008

great use of physics on itlooksgood

shame about the weird religious work

Anonymous's picture
Anonymous (not verified) 08/31/2008

great article! I love your webpage design. trully fantastic!

Sexy Pinay's picture
Sexy Pinay (not verified) 08/31/2008

Honestly, I've never felt I could design a "good" site with a black background. However, I'm going to tuck away this list as inspiration and have another go at it. Thanks for the post.

Scott Hendrickson's picture
Scott Hendrickson (not verified) 08/30/2008

Nice colors - primary colors always look good on black background.

Real inspirational, huh :)

Dainix's picture
Dainix (not verified) 08/30/2008

Layouts are appealing in Black color!

CSS Model's picture
CSS Model (not verified) 08/30/2008

W00t, i just found out that Momono is just a few blocks awat from where i live...
Never knew that.

xylon 08/30/2008

hey, these are great.

adelaide web design's picture
adelaide web design (not verified) 08/30/2008

oh. cool, I love these.

sunbbon's picture
sunbbon (not verified) 08/30/2008

We just noticed our link has been added here from a quest, but there was some errors. They should have been corrected now.

We must admit, It's a great list, a lot of beautiful layouts.

Sincerely,
aplosweb - http://www.aplosweb.com

aplosweb's picture
aplosweb (not verified) 08/29/2008

We just noticed our link has been added here from a quest, but there was some errors. They should have been corrected now.

We must admit, It's a great list, a lot of beautiful layouts.

Sincerely,
aplosweb - http://www.aplosweb.com

aplosweb's picture
aplosweb (not verified) 08/29/2008

Really cool! thanks

Mauro De Giorgi's picture
Mauro De Giorgi (not verified) 08/29/2008

I really like the last one I think it's not only the best black design but nice content as well.

Matt's picture
Matt (not verified) 08/29/2008
Anonymous's picture
Anonymous (not verified) 08/29/2008

Sea interactive is one of my favourites of this list! I like black layouts very well, they always express somekind of deepness.

Don't want to say you forgot one, also it's on alpha, but perhaps you wanna check out my blog, black layout too =)

http://profiterror.de

Genonymous's picture
Genonymous (not verified) 08/29/2008

Very black periodic table: periodictable.com

Anonymous's picture
Anonymous (not verified) 08/29/2008

You forgot a few cool ones, but check out
http://www.aplosweb.com , i has been mentioned quite a few times in other inspiration post..

Anonymous's picture
Anonymous (not verified) 08/29/2008
Jason's picture
Jason (not verified) 08/29/2008

Room for one more?

http://nicksergeant.com

Nick Sergeant's picture
Nick Sergeant (not verified) 08/29/2008

Room for one more?

http://nicksergeant.com

Nick Sergeant's picture
Nick Sergeant (not verified) 08/29/2008

Why's it got to be about color? LOL

Anonymous's picture
Anonymous (not verified) 08/29/2008
Nack's picture
Nack (not verified) 08/29/2008

Black design is Great !

André's picture
André (not verified) 08/29/2008
Franz's picture
Franz (not verified) 08/29/2008

Admittedly, my display brightness is not *that* high and there's light coming from behind, but seriously, this'd have more credibility if you didn't use hardly readable grey-on-black text... :P

Vincent's picture
Vincent (not verified) 08/29/2008

I'm loving black styling, my unfinished blog (xander.am0.co.uk) is black and it just works really well.

Xander's picture
Xander (not verified) 08/29/2008

black black black

Anonymous's picture
Anonymous (not verified) 08/29/2008

**Dark** not black.

duh!

Anonymous's picture
Anonymous (not verified) 08/29/2008

Cool list, some very inspiring stuff. I really like the photo at the top of FibreCity. lol: at Abduzeedo being on the list (not that it isn't great!) :P

Tom Ross's picture
Tom Ross (not verified) 08/29/2008

Other black layout - www.kenyon.mafuzo.com

Kenyon Mafuzo's picture
Kenyon Mafuzo (not verified) 08/29/2008

i love black sites
Flickr Photostream

BogDinamita's picture
BogDinamita 08/28/2008

Where the hell is hackaday.com thats the best black site ever. this list sucks.

angry gnome's picture
angry gnome (not verified) 08/28/2008

This is perfect for me, as I'm looking for a black/dark layout for Epoch's main site.

Starchild's picture
Starchild 08/28/2008

My site is black 8-)

http://www.honeydesign.com

Rina Miele's picture
Rina Miele (not verified) 08/28/2008

Visualbox is by far my favorite in the list. But hey, Abduzeedo's second! :) Also check out: http://www.estudiomopa.com/site/?lang=en and http://www.creasenso.fr/

grazz 08/28/2008

lol at in the end :) Yet again, great collection!

krisu's picture
krisu (not verified) 08/28/2008

Yeah me too, i really like that one, though it seems oddly familiar...

I think the fourth one (boxes) is really neat too.

James's picture
James (not verified) 08/28/2008

I really like the last one. You didn't post the url. I really wanna know what website that is

contact me at aloa[at]abduzeedo.com

aloa's picture
aloa 08/28/2008

Post new comment

The content of this field is kept private and will not be shown publicly.
If you have a Gravatar account, used to display your avatar.
CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.