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 the author

User picture

Hello, everyone! I'm Paulo Gabriel, 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. Here in Abduzeedo, I try to bring only the hot stuff for you... and hope that all of you enjoy my posts! You may also follow me on Twitter.

Sponsored Links:

Advertise Here!
More content from:

50 Comments

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

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

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

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

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/

My site is black 8-)

http://www.honeydesign.com

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

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

i love black sites
Flickr Photostream

Other black layout - www.kenyon.mafuzo.com

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

**Dark** not black.

duh!

black black black

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

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

Black design is Great !

Why's it got to be about color? LOL

Room for one more?

http://nicksergeant.com

Room for one more?

http://nicksergeant.com

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..

Very black periodic table: periodictable.com

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

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

Really cool! thanks

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

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

oh. cool, I love these.

hey, these are great.

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

Layouts are appealing in Black color!

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

Real inspirational, huh :)

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.

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

great use of physics on itlooksgood

shame about the weird religious work

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

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

the dark background rullz! what a nice collection!

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

Black design is Great !

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

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

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

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!

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

My personal black website
Take a look!

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

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

it's beautiful
i like it

Post new comment

The content of this field is kept private and will not be shown publicly.

Icon Ads Wall

  • Openjobs - Oportunidades de Emprego para Profissionais de Talento
  • Zee - Irrezeestível Design Digital
  • Tradd.us - Contextual Translator
  • DesignFlavr, Inspirational Art and Design served daily
  • Signalnoise.com | The art of James White
  • Alberto Seveso - Illustrator
  • Description: Award Winning Portfolio and blog of Web Developer Anthony Woods

Do you want to advertise here? Click Here.