A common misconception is that black is thought of as a color in the same way that red, blue, purple or even green are. In fact, black is the complete absence of all color and light, essentially making it the ultimate non-color. And as such, a certain element of caution needs to be taken when using black as the main color of your web design.
Black will absorb and dilute all colors that surround it, so your secondary color needs to be well chosen and thought out. It works well with bright shades of reds, blues, and greens and can make luminous and vibrant colors stand out. As for the use of black with dark colors, that’s a no-no. It can work, but if the colors are similar, they will merge.
Black is not typically used as the primary color very often in content-heavy websites. It can be used and is very popular by design related personal portfolios and photography sites, as you will see below. It allows the artwork to take center stage and be the primary focus of the viewer.
Of course, the use of black within web design is not only limited to personal portfolios or design agencies, but it is also used across the full spectrum of all web design styles, as you will see from the beautiful web designs below.
Blake Allen Design
Design Agencies and Companies
Rain Creative Lab
The Black Rabbit Creative Splendidoriam
IAMMAGO – It's Magic
MAC Interactive Architects
Ecommerce and Shopping
Quentin Mackay Online
Abercrombie & Fitch
Heikowaechter (Photo Blog)
Music and Movies Sites
…and all the rest…
USA BY DESIGNERS
Great Bible Tales
- Inspirational Examples of Dual-Toned Color Schemes in Web Design
- A Touch of Neon in Web Design: Using Color to Draw a User’s Attention
- The Design Trend of Utilizing Monochrome Colors in Hero Areas
- Attention Getters: Bright Call-to-Action Buttons
- What Your eCommerce Store Colors Says About You
- 50 Inspiring Web Sites With Washed-Out Color Schemes
- 50 Inspirational Examples of Bright Colors in Web Design
- 40 Creative Examples of Dark Color Schemes in Web Design
- 15 Non-Profit & Charity Websites for Web Design Inspiration
- 20 Inspiring Examples of the Parallax Scrolling Effect in Web Design