A Third Color in Black and White Sites

Back
A touch of brightness in monochromatism.

Black and white is becoming increasingly popular as a design color standard. However, making a catching black-and-white design is art requiring great skill and outstanding artistic vision. The typogrpahy and layout have to be truly remarkable in order for the site not to be boring.  But a single other color can magically give life and character to any black-and-white design.Try imagining the 33 sites below as monochromatic. Would they be as effective?

RGA

color-in-black-and-white

An amlost classic black and white site except for a few little red elements, such as menu items and links, which turn red on hover.

 

JonahL

color-in-black-and-white

The selected menu item is red in this portfolio.

 

Loja Birds

color-in-black-and-white

 

1MD

1md

The selected menu item is highlited with red. Plus there are a few bright red elements on every page.

 

James Chambers

color-in-black-and-white

Menu items and links turn orange on hover.

 

Front-End Design Conference

color-in-black-and-white

 

Grip Limited

color-in-black-and-white

There is a lot of orange on the "front page" and less of it on other "pages." However, the design of this site is so unique that it would probably look awesome even without any third color.

 

204 Beach

color-in-black-and-white

A very simple yet elegant site where red could probably be explained as a battle color judging by the content.

 

Thais Vilanova

color-in-black-and-white

This is not the homepage of the website. It is a page that just better illustrates the color treatment. The links and some other elements are uniformely red. But the scattered letters along the right edge of the page are in many subtle hues of red and orange. Together, they all look red, though.

 

United Pixelworkers

color-in-black-and-white

The site uses grey, a product of black and white, for background and a pastel hue of red for links, prices and menu items. 

 

Needs/Wants Magazine

color-in-black-and-white

The design is splendidly clean with a light blue theme.

 

FullyIllustrated

color-in-black-and-white

This portfolio page is the least colorful of all due to absence of large illustrations. It nicely demonstrates the site's color scheme  - lots of black, some white and a touch of blue. Of course, the thumbnails show theri full color on hover.

 

Oliver Golsing

color-in-black-and-white

 

Blitz

color-in-black-and-white

 

Narrow Design

color-in-black-and-white

 

Soft Facade

color-in-black-and-white

 

Astheria

color-in-black-and-white

 

Logitech

logitech mice

 

ProductShotPro

color-in-black-and-white

Color is scarce here. The site is almost exclusively black and white. However, a few tiny blue elements together with the blue on images water down this monochromatism. 

 

Elettro-Luce

color-in-black-and-white

The menu items become yellow on hover. Yellow is also present in other parts of the site as a decorative design element.

 

Clockwork

color-in-black-and-white

 

Hovercraft

color-in-black-and-white

 

Typesites

color-in-black-and-white

The menu items are highlighted with yellow on hover.

 

We Are Builders

color-in-black-and-white

There is a large yellow header probaly cause that's the company color. The rest of the design is strictly black and white.

 

MXL4

color-in-black-and-white

Besides the obviously green selected menu items, this portfolio displays a very beautiful hover effect on the news and team pages.

 

AisleOne

color-in-black-and-white

 

Soh Tanaka

color-in-black-and-white

This portfolio uses a variety of dark grey hues instead of pure black. The green color simultaniously adds a military atmosphere and a whiff of life.

 

Bourne

color-in-black-and-white

 

Amilo Car

color-in-black-and-white

A variety of colors are used on every page, from bright green to turquoise, but they all fit nicely into a green-looking color scheme within a black-and-white clean design.

 

Verticis

color-in-black-and-white

 

Room 11

color-in-black-and-white

Very bright green-and-yellow frames, lines and other elements are in stark contrast with the grey background of this eye-catching flash portfolio.

 

DigitalMash

color-in-black-and-white

Every menu page has a different color circle. Moreover, each journal entry also gets its own distinct color (such as this one currently on the homepage), which makes up to fourty different colors on this site, one color per page.

 

Rich Brown

rich-brown

And last, this is not a black-and-white site. There is no black. It is sepia-toned (the color of some ancient photographs) where different hues of brown substitue for those of grey. The color choice doesn't only emphasize the designer's name, but also adds warmth and personality to his portfolio.

 

 

 

 

 

monclerAugust 30, 2010
I love your blog. Maybe you could let me know how I can subscribing with it? great post ... this all goes trough my mind and could not agree more .
1moncler
jmjm123September 4, 2010
ular as a design color standard. However, making a catching black-and-white design is art requiring great skill and o
2jmjm123
short sale seattleSeptember 5, 2010
One of the elements that can give interest to a black and white design is contrast. How the contrast will come into play when composing your design should be considered.
3short sale seattle
pangsiyanSeptember 9, 2010
free articles
4pangsiyan
Louis VuittonSeptember 18, 2010
making a catching black-and-white design is art requiring great skill and o
5Louis Vuitton
coach outletSeptember 28, 2010
good post
6coach outlet
ugg bootsOctober 12, 2010
Thanks a lot for sharing the article on cash. That's a awesome article. I enjoyed the article a lot while reading. Thanks for sharing such a wonderful article.I want to say very thank you for this great informations. now i understand about it. Thank you !
7ugg boots
christian louboutin itemsOctober 21, 2010
Hi There, You probably are familiar with most, if not all, of these people, and Iâ??m sure there is plenty that we can all learn from these interviews. Thanks, ss
10christian louboutin items
PC CheckupOctober 23, 2010
Third color of black and white should be gradient of it. or grey, or a silver color. Anyway, i like your post very much. Great info also.
11PC Checkup
logo designOctober 30, 2010
these are great posters... very motivating and eye catching at the same time. logo design contests online
12logo design
ugg boots chestnutNovember 2, 2010
The typogrpahy and layout have to be truly remarkable in order for the site not to be boring.
13ugg boots chestnut
Boots UggsNovember 4, 2010
Thanks a lot for sharing the article on cash. That's a awesome article. I enjoyed the article a lot while reading. Thanks for sharing such a wonderful article.I want to say very thank you for this great informations. now i understand about it. Thank you !
14Boots Uggs

Featured Interviews

image
September 6, 2010
Having Quit Skype, Eva-Lotta Lamm Embraces Freelance

Eva-Lotta is a freelance User Experience Designer. She previously led the Business design team at Skype, worked as interaction designer for Yahoo! in London and as lead designer for Kahn + Associates in Paris. Besides her daytime mission of making the web a more understandable, usable and hopefully more delightful place, she loves sketching, doodling and playing around with various little side projects. In her interview to DI she shared her feelings about her in-house work experience as well as her new freelance status.

image
August 12, 2010
Jermiah Shoaf: Enjoying Entrepreneurship

Jeremiah Shoaf is a freelance Interactive Art Director & Flash Developer working out of the Washington, DC area. After six years working fulltime in the interactive industry, he set out on his own as a freelancer in 2007. Although he has an extensive background in programming and development, he considers himself a designer foremost. When not in front of the computer he’s probably either playing/listening to music or doing something outdoors like running, fly fishing or birdwatching.In his interview he talks about working freelance and all the things associated with it.

image
August 5, 2010
Kat Neville:Overloaded With Great Work

Kat Neville is a talented young designer and developer working in the UK. Driven by a desire to create and learn, Kat loves working with people and dealing with user flow. Her design experience is versatile and so are her professional talents, which include web design, UX, conception, identity, writing and among others making snowflakes, dresses and safetygoats. Read her fun and informative interview.

View all interviews
Ask Your Question
Name:
Email:
Website:

 Notify me

Thanks to:

Web Icons Professional Clip art Professiona Clip art Flash CMS Templates