Colors In Corporate Branding And Design

Advertisement

Color is a major consideration in any Web design. Whether for an individual, small company, or major corporation, color scheme is one of the most significant factors in the overall look and appearance of a website. In some cases, the designer may have the sole discretion in making color choices, but many times a color scheme has already been established and needs to be followed. In situations where a company already has a strong brand, color usage for the website can either build or take away from this.

In this article, we’ll take a look at the impact that website color schemes have on the overall branding of a company, and we’ll also look at plenty of examples. We won’t be going into the subjects of color choices for branding or the psychology of colors, but rather we’ll look at established companies to see if the colors in their website branding are consistent with the rest of their marketing.

Hershey's

There are companies in every imaginable industry that have spent many years and a lot of money along the way to create a specific image and brand recognition with customers. In these cases, their corporate websites should obviously benefit from this established identity and should work to make it even stronger. However, as we’ll see throughout this article, this is not always the case. Some companies do an excellent job of blending their traditional offline image with a modern website, and others have not taken full advantage of their existing brand images when building their websites.

The example websites we’ll be looking at in this article all belong to companies that have built their brand using specific colors. When you think of these companies, you think of a specific color, and probably a familiar logo that contains these colors. Because branding is so dependent on customer perception, customers also have certain assumptions and expectations of companies that have an established brand.

Many of these examples are major retailers, restaurants and companies that have physical locations where customers can go to purchase products or services. In these cases, each company typically has established colors for the store itself, signage outside the stores, advertising and promotion campaigns and a company website. The branding is usually more effective if the company’s website has a similar feel to that of the physical stores and the identity that the company has developed over time.

Bank of America

Impact of a Website’s Colors

Whether you’re looking at a website, a flier in a newspaper, a magazine ad or a retail catalog, color choices are critical to the branding of a company. Most companies have chosen a standard color scheme that is used consistently throughout their marketing materials. When a website is well designed and effectively uses colors that have been branded over the years, the website and the company benefit from the familiarity that the website and the brand have with customers. Loyal customers to the company may be new to the website, but if the website is branded consistently with the company as a whole, those visitors are likely to feel at home instantly because of the consistency.

Best Buy

Colors are critical to building the brand’s image, just as logos are important for the same reason. With many retail companies looking to boost revenue through increased online sales, converting traditional retail shoppers to online customers is a critical step. Many retailers are effectively creating websites that have a very similar look and feel to the actual retail stores themselves. The style and colors of the brand are often replicated as much as possible throughout the website, which creates a more unifying experience for online visitors who have also shopped at the physical retail locations in the past. By building one consistent brand image, the company is able to more effectively meet its customers in the marketplace, whether that is online of offline.

Impact of Color on Visitors

When visitors come to the website of a brand they know very well, they’ll often have certain things they expect to find. Of course, they’ll expect to see a company logo that they’re accustomed to seeing. They’ll expect a certain type of content according to the type of website it is. They’ll expect a design style that fits the corporate identity. And they’ll expect to see familiar colors. In many cases, they probably don’t even realize they have all of these expectations; but imagine a company that has branded itself with a particular color for years and years, and now you visit the company’s website and that color is not a major part of the design. You’ll probably be a little surprised, and the website is unlikely to have as familiar a feel as it would have with the traditional colors.

If a company has branded itself a certain way and with specific colors, customers and others familiar with the company will have subconsciously associated those colors with the company. When these people arrive at the company’s website, those colors will be a big part of the experience and determine whether the visitor feels connected to the website or senses a disassociation with the rest of the company’s branding efforts.

Evaluating Use of Color

In order to take a good look at this subject, we’ll need to evaluate a number of companies and websites. In the examples here, we’ll see some that do an effective job of working with the company’s existing branded image and color scheme, and we’ll see some that don’t use company colors in quite the way that you might expect. All of these companies have used specific colors very significantly in their branding. Most are very well-established international companies that everyone is familiar with, and in most cases you could associate a color with the brand just by hearing the company name.

Wal-Mart

Wal-Mart has branded itself over the years as the leader in low-cost retail goods. Along the way, it has used the color blue in just about all of its branding efforts. In recent years, Wal-Mart has been trying to upgrade its image in the eyes of customers, but the familiar blue color has not gone away, although the logo did get an update not too long ago.

Like most retailers’ websites, Wal-Mart’s is primarily white, but there is plenty of blue to give it the familiar feel. Navigation and headlines are blue throughout most of the website — the same blue color and same Wal-Mart logo found at Wal-Mart’s retail locations, in fliers and advertisements and in all of its other marketing materials. Throughout the website, orange and yellow are used as secondary colors, but the heavy use of blue in graphics, navigation and headers is what really gives the website a familiar Wal-Mart feel.

Wal-Mart

McDonald’s

Fast food giant McDonald’s is very well recognized for its golden arches and prominent red. However, the US home page for McDonald’s does little to build on this strong brand that has been built over a long period of time. The golden arches logo is there, but black is used much more heavily than the gold and red color scheme. Certainly, the website does need to be more than just gold and red, as that would be very hard on the eyes, but it seems that the McDonald’s website doesn’t quite feel like McDonald’s because of this color difference.

Even by just using a white background instead of a black background, the gold and red would stand out more in the design, instead of being overpowered by the black. An area for potential improvement is the primary navigation menu at the top of the page. A red background here would do more to promote the McDonald’s brand and build familiarity with visitors and customers. With the navigation menu currently designed on a black background, gold could be used either in the text colors or on hover.

McDonald's

Coca-Cola

For decades, the Coca-Cola brand has been built with a very familiar red and white color scheme. Everything from product packaging to displays in retail stores to advertisements has predominantly used the same color scheme, and as a result the Coke brand is one of the strongest in the world. The Coca-Cola website does use the red and white color scheme, but there is much less red than you would expect.

The website could easily be a better fit with the company’s corporate identity with a design that has a red background instead of the gray currently being used. The well-known Coca-Cola logo is also not used prominently on the home page. There is a very small logo at the top of the page above the main navigation, which can also be seen on a few of the product labels displayed. The corporate identity could possibly be enhanced by using a larger logo at the top of the page and by showing it in red, or in white on a red background, rather than in gray on a white background.

Coke

Pepsi

Coca-Cola’s major competitor, Pepsi, has also used a standard color scheme in its own branding efforts over the years. The red, white and blue color scheme is a Pepsi staple, and the website is true to form in this area. Most of the website is blue and white with some red in the logo, which stands out more because red is used sparingly. Just about everything on the home page is red, white or blue.

Pepsi

ING

Financial services provider ING has branded itself with a blue and orange color scheme. As expected, its website strongly uses these company colors, with orange and blue being almost the only colors used on the website, aside from the white background and the dark gray text. The main navigation menu is orange, and headlines are blue. Of course, the logo also uses orange and blue on the white background.

ING’s online banking customers also see the familiar orange and blue every time they visit their accounts at ING Direct. This website uses more orange in the design, but the color scheme and branding are consistent.

ING

ING Direct

Ford

US automaker Ford has built its own brand with steady and consistent use of blue. The Ford website obviously is an extension of this branding effort as blue is used as the background color. Although a brand’s colors don’t necessarily have to be used as the background color of the website (most companies still use a white background), Ford manages to push its brand with heavy use of blue on the website. Even design elements such as the search button and the secondary navigation towards the bottom of the screen use shades of blue.

One potential area for improvement in terms of corporate identity would be to use the Ford logo in the header, rather than just the words “Ford Motor Company.” The logo does appear on the home page, but it’s smaller and a bit less noticeable than it would be in the header.

Ford

Best Buy

Best Buy customers know that the company makes heavy use of its blue and yellow color scheme. Even store employees are easily recognizable in their blue shirts. Consistent with the rest of the company’s marketing and branding, the Best Buy website uses the familiar color scheme. Blue is used throughout the website, in the header navigation and even in graphical elements. Yellow is used more sparingly but is certainly a significant part of the website’s design. Because yellow is used in only a few places, it has more of an impact in contrast to the blue colors, and the items in yellow really stand out and draw attention. The Best Buy logo, the yellow shopping cart, the “Go” button on the search form and the “see Steven’s story” button all stand out because of the yellow color. As a result, Best Buy’s website is able to use very little color outside of its standard blue and yellow, and it is still able to emphasize what it wants.

Best Buy

Hershey’s

Chocolate maker Hershey’s has naturally used the color brown for its own branding. Within the Hershey’s family, several smaller brands each has its own identity and marketing approaches, but for the company as a whole, brown is the predominant color. It should be no surprise then that the Hershey’s website is very brown. In my opinion, the Hershey’s website is more effective at using the company’s established brand and colors on its website than just about any other website featured here. The white background in the content area keeps the website user-friendly, but there’s no mistaking the Hershey’s brand, and the website makes you want to eat one of its products.

Brown is used for the background of the website (with a white background for the content area), as well as the header and primary navigation, the links lower on the page, the items in the sidebar and the website footer. The design does a good job of matching the color scheme to the colors of products in photos that appear on the website, such as the one shown in the screenshot below.

Hershey's

Bank of America

Bank of America makes use of the US national colors of red, white and blue as the company’s typical color scheme. It’s not unusual that a company attempts to brand itself with national colors, the intent being to benefit from customers’ loyalty to those colors. The Bank of America website clearly builds on this established brand by using only these colors on the website. The background is white, with a red navigation menu and blue used for links and the log-in box at the left of the screen.

Bank of America

T-Mobile

T-Mobile typically uses a bright pink in its marketing and branding. Often, this color is not the most heavily used color because it can be overpowering and too much to look at if overused, but it will always appear somewhere in the company’s branding. The website makes effective use of this color in the navigation menu, the logo, as well as headlines and links throughout the website. The white background keeps the color scheme from being too over-the-top and makes the website easy to look at, but still maintains the familiar T-Mobile look.

Aside from pink and white, other colors on the website are gray and a soft blue. Pictures of the products used throughout help to give the website a more engaging appearance. The other colors that are used help to soften the look of a design that features as bright a color as pink, but the identity and branding impact of the pink is still obvious.

T-Mobile

CVS

CVS Pharmacy traditionally uses red and white at its retail stores and throughout its branding. The familiar red color is used heavily in the CVS website in the background (although the content area has a white background) and in the header. There are a few different shades of red used throughout the design, and various shades of blue and gray are also used. Product photos have some additional colors, but throughout the website there is no way to miss the common red and white of the CVS corporate identity. In this case, the red in the header and background has more of an impact than the blues used in the main content area. If those colors were reversed, the website would have a much different feel and would lack similarity with the corporate identity.

CVS

Merrill Lynch

Financial services provider Merrill Lynch has traditionally used a lot of blue in its branding. The Merrill Lynch website uses a few different shades of blue, along with a white background. The color blue is used for links throughout the website and headings in some places. Aside from the blue, there are a few red highlights, but mostly just black and gray. The Merrill Lynch bull logo is shown in white on the blue header.

Merrill Lynch

Target

Target‘s retail stores and all of its marketing use red and white as the company colors. Inside the stores, you’ll see Target employees in red shirts as well. When shopping online at Target’s website, you’ll also see the standard color scheme. The website uses a white background and a good bit of gray, but there is still plenty of red to give the Target feel. On the white background, the red in the Target logo really stands out. The logo is a big part of the company’s identity, so allowing it to stand out by using a white background is effective.

The color red is used for maximum impact in the design. The red bar advertising the clearance sale, the words “Spend $50, get free shipping” and the text “Free shipping” in a few places all stand out because of the red. If red were used more heavily instead of white and gray, this effect would not be possible.

Target

Circuit City

Circuit City also uses red and white in its branding and marketing. As with Target’s website, white and gray are used throughout, but the red still has a dominant presence. Circuit City actually uses more red than Target. The primary navigation menu, the featured product area and a few other design elements are all red.

Circuit City

Home Depot

Home Depot’s marketing materials and its retail stores rely heavily on the use of its familiar orange. Surprisingly, the company website does little to build on that existing brand. Orange is used in the logo, although the logo is very small, and is only used for a few other elements throughout the website, such as buttons.

A larger logo would help for corporate identity purposes, and an orange header or main navigation menu (instead of the dark gray) could also help. Although the orange is used sparingly, it doesn’t make as much of an impact as the red in Target’s design because the Home Depot website uses a greater number of colors. The green and yellow, as well as the colors in the product photos, reduce the impact of the orange.

Home Depot

AIG

International insurance company AIG uses blue in its branding and marketing. Appropriately, the company’s website is mainly blue and white. The blue and white logo sits on a blue background just above a tabbed navigation menu that is also blue. By using different shades of blue, AIG has created a design that doesn’t need several other colors, which wouldn’t help build on the corporate identity anyway.

AIG

Staples

Office supplies retailer Staples consistently uses red in its stores and throughout its marketing materials. Surprisingly, the company’s website makes much less use of red than you would expect. Blue is actually used more prominently than red, which doesn’t seem to be the case with any other type of branding that the company does. As a result, the website doesn’t fit so well with the corporate identity and seems to be a bit out of place.

The website could have a much more familiar Staples feel if it had a red header or a red background, instead of the gray that sits outside of the content area. Additionally, red could be used for the headers “Office Supplies,” “Technology” and “Furniture,” instead of blue. Another option would be to use fewer colors and more white and gray, which would give the red more impact. As it is, the website uses a lot of different colors, but makes little impact with any of them.

Staples

UPS

UPS probably uses color in its branding as much as any other company. UPS’s familiar brown color appears on everything from its trucks to employee uniforms, and is even referred to by name in its marketing efforts. However, brown is not used as heavily on the UPS website as you might expect. Brown is used in the header and in some headlines throughout the website, but it seems to break the mold that UPS has been building so strongly in its branding with the color brown.

One option would be to use different shades of brown, rather than some of the other colors that are used, such as green and blue. The website would have a much different feel if the green area of the header, where it says “UPS United States,” were also brown and if the primary navigation were a slightly different shade of brown. Another option would be to center align the website and use a brown background outside of the content area (currently, the website is left aligned with an all-white background).

UPS

NBC

NBC‘s multi-colored peacock logo is very well known and has been around for a long time. Although the logo is used several times throughout the NBC website, the colors aren’t really used repeatedly. More color could be used in the navigation menu, instead of white on gray. Another option would be to use some color in the headlines instead of the gray that is used in many places. MSNBC makes better use of the familiar colors in its header.

NBC

MSNBC

How Does this Affect You as a Designer?

All of the examples we looked at throughout this article were websites of major companies that, in most cases, have an international presence. The average Web designer works mostly on websites for small- to medium-sized businesses and will likely never work for companies of this size and magnitude. However, there are still some lessons that can be applied to websites of smaller companies that don’t have an established brand recognized around the world:

1. Consistency. As we’ve seen, consistency throughout all marketing media is powerful. Any business attempting to build a strong branded image should include its website in its overall marketing plan, and the design should reflect the image being built. This includes logos, color schemes, taglines and anything else used to develop the business’s identity. Whether the business is big or small, consistency is needed.

2. The subconscious of customers. Most of the time, customers do not consciously associate specific colors with a company. But over the course of time, with a company’s successful branding efforts, those customers will match the colors and company whether they realize it or not. This means that what customers subconsciously associate with a company can affect their experience on the website. Even with smaller businesses, customers and website visitors may have some prior experience with the business that can affect how they perceive the business.

3. The impact of re-branding and redesign. During a website redesign, even for a small business, choices of color and its impact on overall branding should be considered. As we’ve seen with the example websites, once a brand has been established, customers and visitors will have certain expectations of the website. Even small businesses that have been working to build their brand could take a step backwards if significant branding changes are made during the redesign process. Of course, there may be times and reasons to go ahead with a re-branding attempt, but the impact should be considered and the pros and cons weighed.

4. Make color choices wisely from the start. Because it can be difficult to make significant changes to color schemes once considerable branding efforts have been made, it is not a decision that should be rushed in the first place. When a company is being established or a new website is being planned and developed, colors should be given plenty of thought and consideration. A solid choice from the start will make everything easier down the road.

(al)

↑ Back to top

Steven Snell is a Web designer and blogger. In addition to maintaining his own blog and writing for a number of other top design blogs, he also manages an online shop that offers premium graphic design resources.

  1. 1

    Nice Article Steven!!…. Agreed, it’s really hard to pick the right color combination and a perfect layout, A Good Design and Nice resource can produce a creative output. Layout, textures and patterns are used more often than one may think but the outcome of different combination can result verity of designs.

    As a web designer I’m always looking for ways to get inspired by colors & design combination. These are the source key element in any website.

    Nice reading.

    DKumar M.

    0
  2. 2

    great! I really face lot of things during color choosing phase. Specially when I do work for some non-aware kind of client. Anyways, great article! Thanks

    1
  3. 3

    Great post. I loved the point about consistency. Many times we forget that consistency is critical in good web design.

    1
  4. 4

    from the start.. omg.

    0
  5. 5

    Great post, but Circuit City no longer exists.

    0
  6. 6

    brave of you to criticise so many major companies, and their highly paid design firms. even to make the schoolboy comment ‘make the logo bigger’!!

    I’m afraid i disagree with your comments. suggesting that Coke needs to use more red on its website for brand awareness is just… silly. they are the most recognizable brand in the world, and their website is going to have zero effect on that. in fact websites for such companies are pure brochure fluff and almost unnecessary. you then go on to praise hershey for matching the website to the products, which again is silly, and then praise pepsi for making the red pop – in complete contradiction to earlier comments.

    i like smashing usually, but i dont think i’ve heard a magazine consider itself the arbiter of style quite as much as this

    1
  7. 7

    Important Article. Learnt lot out of it. Thanks in trillions…

    0
  8. 8

    Good post you guys! Really informative and eye opening to say the least. With regards to the McDonalds American website, I think the design team there could learn quite a lot from their South African counterparts who have really done the brand justice by choosing a stylish, subtle yet sassy way of incorporating McD’s color scheme into the website! You can check it out at: http://www.mcdonalds.co.za/home/home.php

    I must say that Mcdonalds has very strong bold color that may, if not used correctly, be a design nightmare, but the dudes from SA really pulled this one off!

    Big ups!

    0
  9. 9

    color is also a cultural decision to be researched. For example a recent client wanted a certain color of red for his new finance company based in Malaysia but targeted customers in certain parts of Japan. By looking up the meaning of colors in cultures and their impact I found that the color red he was choosing was ttraditionally used in situations of death. Not the best color choice for him as I advised. We ended up utilizing a color that represented good luck and growth.

    0
  10. 10

    My opinion is that beauty is often in simplicity when it comes to branding and design, and I think these examples show it.

    0
  11. 11

    I agree with Ali Reid in regards to Coke …

    In regards to the McDonalds comments – not sure what its like in the US, but here in Australia, it really fits. McDonalds completely over-hauled themselves down here about 2 years ago bringing out a complete new healthy menu and creating McDonalds cafe’s with “actual” great coffee and deserts/cakes/fresh fruit etc etc. They also re-designed many of the restaurant interiors as well as the exteriors of newly built franchises. They’ve gone away from the red/yellow over here – in fact, the only red you will see is in the tomato sauce … The Golden Arches obviously still exist, but I would associate black with McDonalds more than red nowadays …

    Interesting article though. These ideas definitely flow on to smaller businesses that do have a name/profile before they build their websites; just not sure if Coke really needs a website at all to be honest!

    2
  12. 12

    Smashingmagazine.com and its contributing artists are great sources of ideas and inspiration. Keep it up!

    0
  13. 13

    Thanks for the tips, it gives another perspective on how to use branding.

    0
  14. 14

    Good stuff

    0
  15. 15

    Great article! I found your points well-reasoned. But I think the term “visual identity” serves your ideas better than the term “brand”. A brand is a company’s or product’s reputation to a person… it’s the collection of values a person associates with that company or product, and can be due to advertising or marketing efforts, personal experience, word of mouth, and other factors. A visual identity is the colors, type, and any other element that present the face of the company/product through design. If anyone’s interested, I think The Brand Gap is a good introduction to branding.

    0
  16. 16

    Always hard to go out of blue :)

    0
  17. 17

    Mote about T-mobile and some issues about patenting the magenta color: http://www.freemagenta.nl/?page_id=121

    0
  18. 18

    Many examples are examples for oversimplicity. Too many pages use one single color as a striking feature, and this color is blue and always blue width few exceptions where it is red. God bless Deutsche Telekom! Bestbuy is a website I’d leave at once. It’s done by mediocre designers that never have had an own idea and I can see that Bestbuy is a medicre company. I won’t find something special there … That simple.

    Leave blue clipart websites immediately! Stop simplicity! It’s just an excuse for people without ideas! Simplicity comes after imagination not vice versa!

    -1
  19. 19

    The suggestions on the Coke website are hilarious. Put more red to enhance the brand and make the logo bigger?
    Another shallow and confusing article.

    0
  20. 20

    MCD’s QUOTE “Even by just using a white background instead of a black background, the gold and red would stand out more in the design”

    What a ridiculous comment. Yellow disappears on white, and pops on black. Nice article but some of the arguments didn’t hold up with me. Another example was the coke site. Sometimes a splash of strong brand colour in a light environment can have more impact than “Lets make the backgound our colour!”

    1
  21. 21

    really good articles..it help me a lot..thanks for the advice given..:)

    0
  22. 22

    About coke website, in my opinion, if you took the logo away, you would not recognise the trade. However, like Ali Reid said coke is the most recognizable brand in the world, and i have to admit that the illustration details makes the difference at the homepage. Concluding, i wasn’t disappointed at all.

    0
  23. 23

    This is a great article, and has given me lots to consider when both consulting and designing.

    Typically we are provided with an existing company logo when we design a new website for the client, so we can build a colour scheme around it fairly well. Recently, however, we’ve been asked to create a new company logo, and while we have some very talented graphic designers working on it, it’s important at an early stage to consider how the logo’s colours will look when used across an entire website. This might be why the NBC website’s colour scheme sucks – by using a multi-coloured logo created several years before website design was necessary, the colour scheme of the logo is difficult to implement into the company website layout; MSNBC uses a rainbow for the title bar and some headlines, but is still restricted to mostly greys.

    As for previous comments on the Coca-Cola and McDonalds websites, I have to side with the article content: when you have a highly recognisable logo (whether beautiful interlocking calligraphic lettering or some architecturally-inspired arches), it makes a lot of sense to maintain the logo’s colour scheme in ALL promotional material. While McDonalds has altered the interior of many of its restaurants (can they really call them that?) to a more subdued and contemporary pallete, the logo remains the same with a yellow-on-red scheme. The mansard roofs and plastic may have been overhauled in retail locations, but when a customer sees the McDonalds website, they will expect to see a recognisable logo – not a restaurant interior design.

    Another example of well-utilised colour is FedEx. FedEx has a differnet colour for each operating unit (“Express” is orange, “Ground” is green, “Freight” is red…). At FedEx’s main corporate site, the “Ex” is grey, as are the menu bars, representing the scheme of the entire parent company. When you select a link to send a package through “FedEx Express SameDay”, the “Ex” and interface highlights take on an orange colour; if you go to the “FedEx Office” site (formerly FedEx Kinko’s), the “Ex” and colouring is now blue. Whitespace is used effectively throughout, so as not to appear garish.

    1
  24. 24

    Not one mention of Pantone?

    0
  25. 25

    Sean,
    That’s interesting to hear your remarks about McDonald’s in Australia. I know they have done some re-branding here in the U.S. in terms of adding healthier products, but at least where I live (in the northeast) I haven’t seen any change in their use of colors.

    0
  26. 26

    nice article…
    side-note: purple is used in movies when people are going to die … :D hehe

    0
  27. 27

    As with most people, I don’t agree with all of the comments and some seem a little contradictory, but I had to point one thing out. On the T-Mobile Web site, you keep referring to pink as their color. The color is process Magenta. I was the brand manager for T- Systems, their sister company for business IT solutions. Saying pink would have gotten you shot around there and has been ingrained in my mind to always refer to it as magenta.

    Hearing pink was like hearing nails on a chalkboard. That being said, I feel that their design with magenta has always turned out very professional and classy, when it could have gone horribly bad using such a bold primary color.

    1
  28. 28

    It seems blue is the foundation for most corporate design and branding. Hopefully we’ll all get sick of it sooner or later!
    Web design demands the conglomeration of so many principles in order to be successful. Most of these sites demonstrate this. Great list. Thanks.

    0
  29. 29

    When I first read the title to this article I was intrigued, but after reading through some of the paragraphs I was severely disappointed. Apparently companies should be limited only to the colors in their logos. Also, reading “A larger logo would help for corporate identity purposes” is pretty funny.

    -1
  30. 30

    Speaking as a consumer and just now learning about design:

    US McDs matches because its trying for that ‘hip sophistication’ and since everyone knows the arches it seems like they where trying to brand the ‘mood’ instead of the logo. It even makes more sense since many MDs have their own theme for uniform and decor. Besides, red is used too much as a default advertising/logo color to ‘catch’ the eye so its good they want something different.

    Same with coca cola, they are going for the hip cool urban feel too. The logo is more of the text anyway so even if I saw coca cola’s site a different color all I need is only a hint of red, not red all over. (I mean, they are in Hotlanta after all)

    T-moble, I think they use pink because its “fashionable”. Pink, grey and black are very fashion orientated colors so to whom ever that convinced corporate to go with pink, I’m impressed. It doesnt seem girly, it feels ‘instyle’ and grabs attention.

    0
  31. 31

    I don’t know what was better the article or the comments. I love it when smashingmag posts an article that get’s everybody involved!!!

    I would have like to have read more about Walmart, who just changed their logo. Which I thought was a gusty move on their part. But hey… the comments from the readers made up for it!!

    Thanks

    0
  32. 32

    Good collection of sites. Nice to see some practical examples that aren’t from the same set of your 50 favorite designer sites we keep seeing.

    0
  33. 33

    I’m surprised DHL isn’t on the list. They went from white background and suddenly yellow’s their corporate color!

    0
  34. 34

    The experience the user has while on the website will have a bigger impact on the brand than the choice of colours. So while you like the fact that T-Mobile use pink for both clickable and non-clickable text, I find that this type of design actually works against the brand. Users don’t know where they can click and their options are smothered by the design.

    Read my article on letting your hyperlinks shine for more on this topic.

    0
  35. 35

    @gary – although all these corporate logos use a Pantone color or colors, pantone isnt used in web based design, its a print thing.

    great post smashing!

    0
  36. 36

    This article is incredible. Good job! I think that some of the websites are plagued by corporate execs who know nothing of design, but impose a set of rules for the designer to follow. I’ve seen it happen before where a big wig says something like, “I hear black and blue are hip colors. We need to use that as much as possible on our website. Never mind that our logo is purple.” Totally hypothetical of course, but you get the point. So some of the designs may have been against the designers better judgment.

    Some I’m not sure about though. The McDonald’s example seems to stick out in my head. As posted in another comment, they do have different colors at different locations. I’ve actually seen some McDonald’s that use predominantly black colors in the restaurant, which seems weird to me. I can understand going for a new look for a new generation, but I think you need to keep your same basic foundation. The red and yellow color scheme is at McDonald’s roots and the branding has been so many years in the making. I think they need to at least use the red and yellow to some extent rather than just getting rid of red all together.

    I agree with laurie abut CocaCola though. The image relies so much on the text itself that only a little use of red is sufficient to keep people feeling at home. Although I do think that Pepsi has done a much better job overall on their site. It really feels a lot like a Pepsi site.

    Thanks for the great post and for adding so many examples.
    Joe’s Blog

    0
  37. 37

    hey Steve, first of all: I know you worked many hours on this article, and for that I applaud you. you’ve also taken some heat in the comments – but be strong my friend.

    although I agree that home depot’s logo is too small on their site – I disagree with your color analysis. I think using multiple colors within the same spectrum is not only pleasing to the eye but bold as well – it builds confidence in the brand. just like with coke, if you’ve got a strong brand/color association you don’t have to play that brand color card all the time.

    the more established a brand, the more leeway it has to branch out, experiment and do what would otherwise be labeled “risky” for newer brands.

    walmart’s light blue logo looks so fragile – weird for such a dominating country – err i mean company

    last thing: is it just me, or does it seem like 1/2 of the featured companies are going under right now?

    2
  38. 38

    I find that your criticisms of the large branding machines like Coke and McDonalds are sophomoric and dated. Both of those examples have poured tireless energy into staying relevant in a changing world. By moving away from the predictability of over-using their corporate colors and large, splashy logos, they are staying progressive. Have you ever worked in an agency on a large account? The pressure to be “genius” can be overwhelming. Overall your basic design assessments are well said, however, you lack the experience to understand what goes into such a huge undertaking.

    -1
  39. 39

    I appreciate the article and choice of examples. I can’t however understand how people can leave comments so negative and call the article shallow. I believe that this is just a simple sign of jealousy – how much would they give to have an article published on smashmag?

    Anyway, it is true that T-Mobile/Deutsche Telekom etc calls its colour choice MAGENTA, and this is actually registered. People who don’t know this, will certainly survive this fact and don’t need moaning critics it out to tohem and – at the same time – point out other people’s mistakes. So let the author do his thing – as many people all round the world know: there is no right or wrong in the design industry. It all depends on the point of view and the situation. Great designers and information architects have agreed to disagree on numerous occasions, but still, every second “look-at-me-how-great-a-designer-I-am” has the need to bring his acidy criticism to the table and show off pseudo-knowledge.

    Anyway. I love smashmag and take some of the authors points with me – but leave others, I disagree with. I suggest thatvevery other comment writer should do the same and spare us “oh-this-article-is-so-bad” posts. Thanks.

    1
  40. 40

    Really disappointing article, I have to agree with Ali Reid on this one. It lacked insight and read as “school boy” design views, I wouldn’t expect an as vague or weak critique from even my most junior colleague.

    I agree with the majority of comments in regards to both the McDonalds and Coke websites, and am reminded of a quote from one of my design lecturers in the day. “You don’t have to see the whole hamburger, to know it’s a hamburger.” I think this is quite fitting of Coca Colas website, were it doesn’t need to be red to know its cokes website.

    A small blip in an otherwise fantastic site.

    -1
  41. 41

    Too much examples and obvious talk (colors correlation over and over again), far too little on colors psychology (if anything). Maybe next time?

    -1
  42. 42

    This article appears to be an attempt to take the principles of print design and apply it to web design. These are two different mediums with different characteristics. Take away every logo on every one of these sites and it doesn’t matter. You don’t just pick up a website like you would pick up a brochure, you consciously make a choice to visit that site. We’re seeing a trend of minimizing the logo, reverting to simple type treatments in many cases (browse your Vandelay portfolio). Content is still, and always will be king. It makes better sense to shrink the logo and use that prime real estate for something else.

    For large corporate sites, accessibility has to be a concern. Color should be used to help manage the flow of the eye to important content, and group like items.

    0
  43. 43

    Great and complete article. Congrats!

    0
  44. 44

    That was a good read. Some great detailed analysis in there and helpful information. Colour is indeed vitally important in brand design and web design.

    ColourLOVERS.Com Is an excellent web based community which shares colour palettes and patterns, etc. Really helpful for those tough colour choices!

    0
  45. 45

    I expect more from Smashing Magazine. Sometimes you find gems, and sometimes you find articles like this. Maybe next time you could explore some of the more bold color success and failures. Way to dig deep for those Coke and Pepsi sites.

    For those of you looking for an actual tip- Links colors that are closer to the background color have a greater click-thru rate than high contrast links. You can take that one to the bank.

    -1
  46. 46

    The guy in the Best Buy website isn’t even smiling! And he thinks he can help me spread holiday cheer?

    HILARIOUS!

    0
  47. 47

    Good article and while I like the idea of brand color fidelity, there are many times when you need to use a color spread that more meet the UX, not just the brand. The McD site and ING are prime examples. Ronald’s site could not use red in the same manner as the did the black. Moreso, they have established their brand in the images,content and logo; yeah no clown, but it feels like the coporate protrayal of McD.
    And as for ING. Wow. That’s a lot of orange, at best it’s a key color; but for a site that may actually need to communicate “finacially solvent,” high impact orange kinda make for some tension.
    This article from UX Magazine says it better than I could:
    http://www.uxmag.com/design/303/dont-let-branding-kill-your-brand

    0
  48. 48

    Maybe Circus City website and branding wasn’t that great after all if it went bust!!

    0
  49. 49

    It is a very brave person to tell these websites how wrong they are when they have poured tens of thousands or hundreds of thousands into researching usability and accessibility. I bet they all wish they had spoken to you first!

    Perhaps with Coke you just forgot that maybe they sell more than one type of coke? Diet coke for example is the “grey” colour found on the home page. I personally found the site portrayed the brand well. The images for different brands were there and the adverts were all in the brand “red” colour. Anymore red and the page would be flooded! The only criticism I have is the logo at the top.

    And I’m sorry but you said “If those colours were reversed, the website would have a much different feel and would lack similarity with the corporate identity.”

    That’s the most ridiculous thing I’ve heard. Of course it would lose its corporate identity; you just replaced their corporate colours!

    0
  50. 50

    For once (shockingly) I have to say that a Smashing article is slightly off the mark. I don’t argue that brand colours are essential to a brand (especially to a developing brand) but modern/savvy consumers are not the stupid animals that brand consultants and marketeers make them out to be.

    McDonald’s is a classic example. They have – in my local area at least – opted for the use of black and gold, instead of their iconic red, but I doubt there is anyone standing outside scratching their heads and rubbing their tummy’s because they can’t understand where their next BigMac and fries are coming from.

    Certainly look and feel wise the focal colour is as important as the logo but what next blue backgrounds with matching blue text? Gimme a break.

    Re:48
    Nice comment Simon!

    0
  51. 51

    I agree, for the 1st time, Smashing Magazine gives us a draft article that misses a lot.
    The article concerning CocaCola (I didn’t read them all) is extremely strange and doesn’t seem to be written by anyone familiar with corporate identity.
    Indeed, we would expect more red, but as Sam said above concerning McDonalds, the client doesn’t expect to find a coke can on the site (just open your fridge for that) but a communication, offers, news, games…
    Website building involves ergonomy, lisibility and usability rules, they are different from print design rules due to RGB, screen reading and average time spent by a user on a website.
    For that purpose, it’s very understandable that Coke decided to use a gray background, 1st of all, because it’s modern (web 2.0), it’s the kind of colors that doesn’t bother anyone, it goes nice with red (gray + red = nice contrast + good energy), and it allows a good reading. On the other hand, gray has also been used by Coke Light (Diet Coke in the US) -> For the client, gray is not a new color for Coke.
    More over, the article is called “* corporate *”, which caracterize the business nature of a company. Corporate design is nothing like popular and therefore won’t use flashy colors… Could you imagine the headache, if the coke red was used in the background ?

    0
  52. 52

    Full Circle Studio

    January 30, 2009 8:24 am

    @Julian: I have to agree with your assessment – it seems like we’ve had dealings with many clients who can give their identity a makeover just by tweaking their corporate colors, but I’ve never run into an instance where this confuses or turns off customers.

    Like you said, it’s dependent upon the age of the brand and, I also think, their particular consumer base and marketing strategy. Look and feel definitely go a long way toward building recognizable corporate identity – perhaps even more than a particular color scheme.

    0
  53. 53

    You forgot the MOST successful of them all. Barak Obama’s campaign website, which has a striking resemblance to Pepsi’s site.

    0
  54. 54

    I like the intent of your article, but you’re insights are almost specifically limited to “Well, they should have made the background X color and slapped a logo at the top.” There is more to branding and color use than changing the background and slapping a logo at the top.

    The Coca-Cola page, I think, is very well designed. Take a look at it. You write “The well-known Coca-Cola logo is also not used prominently on the home page.” But that image is on the page 7 times.

    And using a color too often is damaging. Does the UPS site really need more shades of brown? No. They could make everything different shades of brown, but it would look muddled, poorly thought out, and ugly.

    This article has a great topic, but you need to re-think the content and your critiques.

    0
  55. 55

    Well I don’t find the Coke website THAT good. Not sure about the semi-hidden top logo and yes, i miss a bit of red.

    And where is the classic Coke ? Looks like they are shamefull of their best and historical product. But well, who needs to go to the coke website to know about their products ?

    0
  56. 56

    One potential area for improvement in terms of corporate identity would be to use the Ford logo in the header, rather than just the words “Ford Motor Company.” The logo does appear on the home page, but it’s smaller and a bit less noticeable than it would be in the header.

    I’m pretty sure the reason for that is that Ford Motor Company isn’t just for Ford vehicles, but its the parent company to many marquee’s such as Mazda, Volvo etc. If they put the Ford logo in the header, they would decreasing exposure to all its other brands.

    0
  57. 57

    What makes this post such a good post is it has given people something to discuss, the comments are all great, even the negative ones, we can all learn from them, one thing regarding colour apart from the cultural side is one of conveying emotions, I would say choosing colours should be an iterative process or elements using the colour should be an iterative process as your initial colour choice may not work well within the design/layout/elements.
    Also customers can feel it does not portray them in the right way even if they chose the colours themselves in the beginning, therefore its good to use css colour changing for projects without heavy embedded colours in images so some degree of flexibility is allowed rather than to force the colours from the start.

    For a future topic – how about web standards with corporate branding and design ;)

    0
  58. 58

    Nice and it is true

    0
  59. 59

    I’m in school for web design right now… I’ve been told about wise color choices and what-not, but this article really helped me out. I think it was the visuals, and you made it very easy to understand.

    0
  60. 60

    Sorry to be fairly blunt, but you’ve done a good job of pointing out the obvious.

    1
  61. 61

    from many websites listed there, hershey’s one attracted me. the color is vibrant and contents are well placed.

    0
  62. 62

    Excellent article as ever. Colour is one of the biggest, but often most overlooked aspects of a design. no matter how much we think it doesn’t, colour influences our perceptions of things and brands massively. I’ve seen designers spend days on a design and the colour has almost been an afterthought

    btw McDonalds are retro-fitting most of there restaurants and black seems to be the new colour. I live in Manchester and work in Liverpool and a couple of the new stores (they’re not restaurants!) are suprisingly modern and fresh looking.

    0
  63. 63

    nice article. Pepsi’s new logo is the worst logo change I’ve ever seen :(

    0
  64. 64

    I have to say the new Tropicana logo is the worst change I’ve ever seen. At least the Pepsi logo is still identifiable. The new Tropicana logo has become lost and generic. The orange with the straw in it was an icon that people remembered, but that has been sacrificed now.

    0
  65. 65

    come one guys… coca cola can do whatever they want… they’re brand is exceedingly famous… they’re site could be green and blue, it will still say cocacola. Color isn’t the only thing that’s in a brand. there’s atittude (Cropping of the logo on the site). and beautiful design elements that are ever changing and communicating coke’s beauty and refreshing taste. I have to disagree with Seth, Pepsi and Tropicana, are both just as bad as eachother. Pepsi change a strong timeless face to some amateur and unfinished looking logo. Tropicana looks generic but pepis simply looks… again… amateur and unfinished as well as like a crooked smile… What were they thinking?

    0
  66. 66

    I really have to disagree with what you said about the Hershey’s site.

    Maybe it would be different if it were a well known brand (do they sell outside the US?) but if you took away their name from the top of the page it could be any recipe site. I thought that everyone knew that you can’t match the colour of chocolate – but that is clearly what they tried to do.

    0
  67. 67

    I don’t agree with some of the assumptions made about the branding of some of the sites…. namely Coca-Cola and Home Depot. Just because a company has a primary color, it doesn’t mean you’re required to beat the users over the head with it.

    As a consumer (who happens to be a designer), I’ve noticed the branding in various materials for Home Depot and they don’t slather everything in orange. I think their current site does a great job of balancing the company color and the displaying their products in a color neutral way.

    0
  68. 68

    As a couple of people have said, the McDonalds site does work because they did rebrand a while ago and now all the ads have black backgrounds and so do the store facias.
    Maybe they decided that red reminded people of slaughtering.

    0
  69. 69

    I always thought Juplex head a great 404 error… with a Dreamcast

    0
  70. 70

    Amazing insights on color use in corporations. I am fascinated by how far back the color branding stems for many of these brands. Interesting thought that McDonald’s uses so much black, I thought they would want a more happy feel.

    0
  71. 71

    Whatever happened to touching base with colour theory, such as the fact red can cause fatigue and should be avoided where possible? The coca-cola site shocks me, at least pepsi used red sparingly!

    0
  72. 72

    Interesting

    0
  73. 73

    Great article and its very true that when start desiging a website, we should keep in mind this color funda. Its really help you build a good relations with customers those are already using that company’s products and familiar with the company and its brands.

    Love you smashingmagazine.com………………

    0
  74. 74

    Have you spoiled his innocence? ,

    0
  75. 75

    I learned many skills/methods from the mutile examples you analysed. it’s really helpful for me when i start a new project. Thank you very much for your article, Steven.

    0
  76. 76

    this is awesome.*

    0
  77. 77

    This is such an excellant article!

    0
  78. 78

    It was a real great article and could help me to know more about “branding

    0
  79. 79

    Nice article. How many justifications do we have to create a color palette (web design) even without any company logo colors? If any.

    thanks

    0
  80. 80

    Harvey Compton

    May 11, 2011 6:29 pm

    I think this is a good product for young children. Thanks for the information

    0
  81. 81

    Awesome article! Have to share: I think CJ Spray looks great (much better than Home Depot)!

    0
  82. 82

    Great article. Colours do mean a lot in a website. Apple, Adobe are some of them I like.

    0

Leave a Comment

Yay! You've decided to leave a comment. That's fantastic! Please keep in mind that comments are moderated and rel="nofollow" is in use. So, please do not use a spammy keyword or a domain as your name, or else it will be deleted. Let's have a personal and meaningful conversation instead. Thanks for dropping by!

↑ Back to top