The heart of tech is coming to the heart of the Mediterranean. Join TNW in València this March 🇪🇸

This article was published on December 29, 2011

9 Gorgeous examples of black and white websites

9 Gorgeous examples of black and white websites
Harrison Weber
Story by

Harrison Weber

Harrison Weber is TNW's Features Editor in NYC. Part writer, part designer. Stay in touch: Twitter @harrisonweber, Google+ and Email. Harrison Weber is TNW's Features Editor in NYC. Part writer, part designer. Stay in touch: Twitter @harrisonweber, Google+ and Email.

The beauty of restricting yourself to color has similar benefits to the style of minimalism. When color is stripped out, other design elements such as form and texture come to the forefront. Avoiding color is also a great way to quickly improve as a designer, because you’ll no longer be able to lean on your color pallet for visual interest.

Sticking to black and white also has an overwhelming simplicity to it, while creating a visually interesting website without any color is quite a difficult task. If you’re up for the challenge, you’ll need some inspiration…

Here’s a list of 9 gorgeous black and white websites to get you started:


By restricting the site’s color scheme to black and white, Visualbox’s work samples are guaranteed to pop. Eliminating every distraction is the best way to focus your viewer’s attention on what really counts.

➤  Visual Box


TH = SUM follows an illustrative theme, while remaining very clean and easy to navigate. The use of illustration creates a playful feel with the otherwise serious black and white.

➤  TH = SUM

Leah Haggar

Leah Haggar’s portfolio is clearly all about her. The lack of reveal (her face is half hidden by content) keeps me around, looking at every page. Overall, there’s just a strong sense of calm and simplicity in this use of black and white.

➤  Leah Haggar

Blissfully Aware

A cross between a collage and an appendix, Josh Lane’s site showcases a perfect use of white space (in this case, it’s black space), making it easy for the eyes to bounce around from header to header.

➤  Blissfully Aware

Made By Tim

Tim Bjørn’s portfolio is highly minimalist and stays completely out of the way. Avoiding color keeps the emphasis on his work, just like Visualbox.

➤  Made By Tim


80/20’s portfolio is features very cold grays and blacks, and has a strong impact in an unexpected way.

➤  80/20

The Grid System

The Grid System, the ultimate grid resource, uses black and white as a mechanism for simplicity.

➤  The Grid System

Uber Stealth

Uber Stealth lets big, bold photographs do its talking. I’m not a fan of the menu bar animation or the paragraph text size, but this site is still worth a look.

➤  Uber Stealth

The Old State

The old-styled typography makes this design feel like a vintage, inverted newspaper. It definitely stands out, though the header feels a little crowded. Circus Family has a similar affect.

➤  The Old State

I personally recommend that inexperienced designers avoid color all together, until 50% of the design process is complete. This is especially important with logo design, because starting with black and white assures your work will look its best no matter how it’s reproduced.

For more design inspiration, check out 14 awesome examples of illustrative web design. You should also take a peek at these 9 reasons to consider minimalism for your design portfolio.

Back to top