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.

 

 

 

 

 

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