Newer posts are loading.
You are at the newest post.
Click here to check if anything new just came in.

May 14 2013

10:00

The Meaning of Color in Marketing

I recently found this awesome infographic on the meaning of color in marketing. I think it's so fascinating to think about the impact of colors on people's perceptions, thoughts, dreams, and desires. I had to share this awesome infographic with you so that you could better understand the reasons certain companies utilize different colors.

 

If you loved these colorful and creative infographics, check out Creative Market's awesome resources to help you create similar infographics of your own:


Tags: Color Theory

May 01 2012

13:00

Color Your World From The Inside Out

Did you know that adding foods to your diet that are high in pigmentation is one of the best things that you could do for your health and creativity? Broccoli, carrots, beets, peas, blueberries, raspberries, cherries, etc. all contain whopping doses of antioxidants, the super-hero of the super-fit, chasing away free radicals that cause disease and degeneration.

Every runway supermodel knows that the key to staying slim and shiny is to avoid foods that are white, or pale in color—potatoes, breads, pastas, white rice, sugar—and to eat fabulously colorful foods that are ALIVE and JUICY.

Not only will brightly colored foods make you a brightly colored person, (add a rosy glow to your cheeks, bring the sparkle and shimmer back to your eyes) they become a cheerful accent splash of color to your kitchen when stacked in a bowl near the Kitchen-Aid or french press, and make a lively center-piece for the dinner table.

Dust off that brightly painted Mexican-ceramic bowl and fill it up with the season's best apples and oranges and color your world from the inside out.

Tags: Color Theory
Sponsored post
feedback2020-admin
04:05

February 03 2012

16:02

The Color of Love Through the Artistic Eye

Love is most often associated with the color red. Be that by conditioning of incessant advertising or that we are drawn to it by nature. Secondary to red is of course pink, in almost any level of saturation.

Red is one of those colors that possesses the strongest Ying and Yang of its theoretical definitions. Between love and hate, rebirth and death, the human relationship in any combination, could literally be summed up in the meaning of the color Red. Pink has what I would describe as a temperamental scale, more based on softness versus loudness than the extreme left or right end of the spectrum.

"Red is the color of fire and blood, so it is associated with energy, war, danger, strength, power, determination as well as passion, desire, and love." - paper-leaf.com // COLOR THEORY poster freebie

As we know, colors can generate a wide variety of emotions. Red might be the most diverse and along with pink, a tag-along little sister, many other colors in tow can lend a visual message of love a great big pop!

Falling in Love by Etsy artist,  DJEMBE & CANVAS

"Cranes represent longevity and grace. The flocks ascend our champagne symphony, where love is blessed upon those who simply believe." - posted by artist at the listing

The artist gave us a wonderfully light feeling with this palette and the birds adding further motion. I also like how the painting balances the realities of "love" with a little bit of darkness in the bottom right corner. What do you think of this palette and representation of falling in love?

Love Trees by Etsy artist, Patrick Law

This slightly abstract ensemble uses blues, lavenders and coral blend to articulate a center of warmth within the heart tree. This makes me feel warm, cozy and safe. What does it do for you?

The detail on this acrylic print is amazing. The tree's are textured and have an amazing visual feel to them.

 Long Distance Love by Etsy artist, PopHeartPress

This digital art gives off quite a pop with a wild color palette that is sure to get your blood pumping. A wonderful way to make a positive statement about a long distance love situation.

You Ctrl + Z Me (You Undo Me) by Etsy artist rawartletterpress

This red certainly screams for attention and a laugh. Clearly using red against white in a funky, fun way. Comes in both PC and Mac versions.

Language of Love by Etsy artist TheMemoryGallery

Red, black and white always seem to say, "sexy." A very elegant and formal piece with the word, "Love" in, you guessed it, red.

Soulmates by Etsy Artist, Ben Will

In this abstract expressionism piece, the artist depicts the two soul mates in red while surrounded by an abstract world of cooler colors with a touch of warmth within a vague heart shape in the center between the figures. I feel that it is plainly portraying red as the connection of love. How do you see this piece?

 Modern Love Art Print by Etsy Artist, finedaypress

Mundane colors and ordinary shapes (the circles) surround an off-red, almost burnt orange heart to show love can exist in the midst of everything else in life.

Love Runs Through by Etsy Artist, papercraftsbyk

This fantastically bright mixed media piece tells a story. I like the composition because it literally shows a display of dark muddle in the center and love coming out the other side (running paint). A great visual representation of love. What do you think of the color scheme?

Heart Leaf Love by Etsy Artist, BouleDeNeige

What kind of feeling of love does this palette represent? With cooler hues, does the natural, organic shape soften it up?

I Love You This Much by Etsy Artist, hairbrainedschemes

Here we are, ending with this fabulous lipstick, lovey-dovey, sexy red. I still think nothing says "passionately, deeply in love" like this hue of red.

In reviewing these other palettes and artwork that goes with them, I think of things that a relationship brings such as trust, feeling safe, making me laugh, best friend, that person who is my rock, appreciation, admiration, etc.... but I still come full circle to the richness of what true definitive love feels like in this rich hue of red.

What do you think?


palettes used in this post:

Falling_in_LoveLove_TreesLove_Will_Find_a_WayYou_Ctrl_Z_MeLanguage_of_LoveSoul_MatesModern_LoveLove_Runs_ThroughHeart_Leaf_LoveI_Love_You_This_Much
Color by COLOURlovers

January 26 2012

17:36

December 09 2011

16:46

October 31 2011

19:30

Halloween Colors: Where Did They Come From?

Pumpkin orange and midnight black—the predominant colors of Halloween combine the Autumn season with darkness and scary entities.

(source)

But how did these colors really come to dominate this most unusual holiday? The truth is, when it comes to the question of the origin of the Halloween colors, it can be hard to separate the opinions from the facts.

Unbleached beeswax candles (source | source)

The most common opinion about where the colors originated is steeped in the rich history of the Celtics and the Druids, with the burning of unbleached beeswax candles (orange) and ceremonial caskets draped in a black cloth.

Feng Shui candles are said to help create peace in the center of your house (source)

Now, let’s step into the world of Feng Shui, where a balance of energy reigns supreme. Believers of Feng Shui feel that the colors of orange and black were chosen because they are on opposite sides of the energy spectrum: orange is warm, happy, lively, and brings to mind the bounty of the fall harvest, while black represents mystery, void, power and protection (source).

(leaves source)

The most obvious answer to this question is that the classic color of Autumn is orange, while black can be equated with the approaching darkness of winter.

spider glasses | felted toysnapkinsBunting 

And, if you want to get really extreme, some people claim that black and orange were the only colors left after Christmas took red and green, and Easter took all of the pastels.

Of course, Halloween colors are not just limited to orange and black, you will also see a lot of blood red, eerie green, ghostly white and deep purples. So, where do these colors come into play? Here is a plausible explanation.

Celtic wheel of the year (source)

Going back to the Celtic festival of Samhain in 700 B.C., it signified the end of the harvest and the approaching of winter, or the end of one year and the start of another. The Celts believed that ancestral spirits joined them on this day when the past and the present are about to cross paths, which is why it was also considered a “day of the dead.”(source)

goblin | bat necklace | brooch | Boo

All of the Halloween colors seem to implicate some kind of connection to death and dying. Red is a classic implication of blood, fire and demons, while green represents goblins, monsters, and zombies. Purple draws in a bit of the supernatural and mysticism, while white reflects ghosts, mummies and a full moon.

Stepping away from color for a moment, Halloween is also dominated by an abundance of Jack-o-lanterns and children out trick-or-treating. These traditions also have an interesting origin.

Stingy Jack (source)

Jack-o-lanterns trace back to the Irish myth of Stingy Jack who died and, finding himself rejected by both heaven and hell, was forced to roam the darkness seeking a resting place for his soul. Legend has it that he hollowed out a turnip and used it to carry a coal to light his way. This said, the first Jack-o-lanterns were carved in turnips, and only changed to pumpkins when the tradition was brought to America.

jack-o-lanterns (source)

Trick-or-treating came about during the Great Irish Potato Famine. On Halloween, peasants would beg for food from the wealthy. They played practical jokes on those that refused to give them something. So, to avoid being tricked, the wealthy gave out cookies, candies, and fruit. It is easy to see how this turned into modern-day trick-or-treating. (source)

bracelet | plastic mustaches / lips | zombie clips | toy

No matter what history tells us, the Halloween color palette we see today is warm, bright, fun, and sometimes a little spooky. Each color has a place in the holiday and can find a place in your life as well, whether you are wearing it, eating it, decorating with it, or simply reading about it. So, have a happy, safe and colorful Halloween!


header credit: purple bats
Happy_Halloween!


Halloween Colors

Trick_or_TreatOctobers_EndTrick_o_TreatPumpkin_Moon_IF23toxic_psychedelicHappy_Halloween!halloween_treatPumpkin_Moon_IF23Nuclear_HalloweenHALLOWEEN_SOCKShappy_halloween!Retail_Halloweenho_ho_ho-lloween!!This_is_HalloweenHalloweenspooky_stuff

Reposted byacupuncturenyc acupuncturenyc

September 26 2011

15:18

September 19 2011

17:17

August 23 2011

19:57

August 09 2011

17:46

August 03 2011

15:31

July 26 2011

17:45

Using the Power of Subtext for Your Website

If you’re a big film, tv, or theatre buff, you’ve probably witnessed a fair amount of subtext. This principle can be applied to more than just those mediums though! Today, we explore how you use the lens of subtext to look at your website and improve your digital presence by uniting your color scheme with your actual text.

First though, what is subtext? Think about it as the underlying theme or message in a conversation. In film, it can be seen with lighting choices, costumes, a character’s body language and really anything that isn’t apart of the actual dialog. I’ll use the movie Jurassic Park as an example.


A_day_at_the_park

In this scene, John Hammond, the billionaire philanthropist and creator of Jurassic park, has already given the guests a tour of the park and talked about how the dinosaurs are created.He’s trying to convince them that the park is ready to be opened to the public and as you remember, the invited guests are experts brought in to verify that the park is safe for visitors. So far, we haven’t seen anything scary in the park - just cute baby dinosaurs.

During the dinner scene, John argues that the park should be open but Dr. Ian Malcolm is against it.

As you can see, while John is making his argument to open the park through his dialog, everything outside of his language is also backing up his point of view. He is dressed in white and outlined in a halo, looking angelic, even god-like, and unquestionably good.

When the camera is on Dr. Malcolm, we not only hear his words countering John’s, but the director has set him up to be the “bad guy” through his black hair, black glasses, black clothes, and even a reddish light behind him. It’s very ominous.

Back again to John and he again looks like a good and benevolent creator. Still haloed with light, he now has his hands outstretched a la compassionate holy man.

When Malcolm counters John’s argument with an irrefutable observation, we see the surroundings echo his despondence - John is no longer haloed, no longer god-like or all-knowing.

In the end, we see Ian come out the winner, wise, thoughtful, ringed with white light.

All of the above are an excellent example of when subtext is used to support the words being spoken in a scene and influencing or heightening our perception of the conversation.

Subtext can also be used to imply a meaning that is the opposite of the words spoken in a scene. An example of this is when a young boy must give up his pet to be free in the wild and yells at the pet, saying he doesn’t love it in order to get it to go be free. His words say, “I hate you” but everything else about the scene says, “I love you.” Make sense?

From Film to the Web

So, how does this apply to a website or color for that matter? I want to take a look at a couple of different websites and look at their text - the written copy on the site - and their background - the colors - and see if the two match up.

After all, if your website’s subtext, through color and design, are subverting the message you’re sending through your written copy, that’s going to leave visitors to your site confused and less likely to find what they’re looking for, which is never what you want as a businessperson.

Subtext Case Study #1

Let’s take a look at a site that gets it right and why.


Hill
First, what does the text of this site say, what tone does it portray?

When designing GrantHill.com, we needed to convey the professionalism and excellence of Grant’s career combined with the warmth and dedication of his family life. So, every word centered around those things.

Clearly, we wanted the subtext of the site to match the literal text. So, the design and layout of the site suggests the clean, smooth organization of a man in charge of his affairs. The color palette of rich browns, soft creams, and warm, golden honeys speaks to the assured gentle calm of a father who cares not only for his family but his community and his responsibility in making the world a better place.

With text and subtext in alignment, GrantHill.com successfully puts across the message we want.

Subtext Case Study #2

Your website should, from first glance to detailed inspection, speak to your core audience. Once you know who that audience is, you can make smart, targeted choices for the text and subtext of your site. By doing that, your site will be more successful at generating the leads that are the lifeblood of small business.

That is precisely the plan of action we implemented for our client Jackson Therapy Partners.


Action_Jackson
By focusing on Jackson Therapy’s target audience - job-seeking physical therapists - we were able to easily target all text at highlighting the benefits of working through Jackson Therapy.

We then align all that targeted text with the color choices that provide equally important subtext. The text showcased medical benefits, matching 401ks, and retirement planning - and the subtextual color choices shored that up.

Dark blues back up the stability of working with a company as trusted as Jackson Therapy as white signifies clean, professionalism. Lighter blues and blue-greens suggest the fun, energy, and opportunity for travel provided by Jackson Therapy while pale yellow, with its happy tone, complements that message.

Lessons Learned

Whether you’re watching a great film or choosing your company’s website colors, subtext is a powerful tool that can either support or subvert the straightforward surface message that you’re aiming for.

With smart color choices you can be sure your website’s subtext is sending a message that backs up the other content available to your target audience. When all messages are aligned, you can bet your site will be more effective at delivering your message and results.

Rise Above,
Stephan

July 15 2011

13:26

July 14 2011

19:31
19:31

May 13 2011

10:30

What Color Is Your Money? Showcase of Bank Websites Worldwide

Advertisement in What Color Is Your Money? Showcase of Bank Websites Worldwide
 in What Color Is Your Money? Showcase of Bank Websites Worldwide  in What Color Is Your Money? Showcase of Bank Websites Worldwide  in What Color Is Your Money? Showcase of Bank Websites Worldwide

Having lived and worked in various countries during the past 15 years, I have accumulated quite a few different bank accounts. On any given day, some of us may actually need to log on to at least three bank websites. And while one wouldn’t normally turn to a bank website for inspiration, it is actually surprising how the world of money is quite useful for considering the different ways large amounts of critical information can be packaged.

Developers and designers of bank websites have the ultimate of job tasks to fulfill in planning a bank’s website information architecture. Of utmost importance is security and functionality. Then comes the entire suite of corporate marketing communication must-haves such as strategy, usability, portability, accessibility and highly likely multilingual services are a major consideration among the deliverables.

Banking is a highly competitive industry where the website needs to make existing clients feel safe with their financial transactions (client retention) as well as entice new customers (client acquisition). The client base is normally extremely diverse. At any given time a bank needs to please large international multi-million dollar stakeholders at the same time as individuals who live from month to month on minimum wages. Client demand on bank websites is therefore assuming a broad range of wealth and responsibility.

Author’s Note:

“These days, it is barely imaginable how one would manage finances without the convenience of online banking services. To put this appreciation of online banking in perspective, and to give away a little idea of my age, I can actually remember physically visiting my small country town bank in Australia, little passport-sized bank book in one hand and an envelope with cash in the other. I happily walked out with the money safely deposited, a new hand-written savings total in my bank book, all stamped, dated and hand-signed by the banker. In between visits I kept my savings in a plastic kangaroo!”

What Color Is Your Money?

With the high-end security, seamless functionality specifications and corporate branding then being absolute priority, designers and developers around the world are producing some really pleasing-to-the-eye bank websites. For simplicity, we have collated the showcase by color:

  • Red (includes hues of pink for this article)
  • Blue (includes hues of purple for this article)
  • Yellow (includes hues of orange for this article)
  • Green
  • Gray (includes hues of brown for this article)

Specific Design Elements to Notice:

Besides the color breakdown, when perusing through the bank websites there are some interesting design elements worth noticing. Remember that bank websites are generally based on very complex sitemaps that must address thousands of customers (individuals and businesses), security and legal issues, service offerings, marketing and international relations. What we noticed in researching this article was:

  • The multiple, often replicated, navigation systems. A lot of the bank websites here include both horizontal and left and right vertical navigation, as well as key ‘call to action’ navigation ‘buttons’ via larger modular units in the center of the home page.
  • The navigation systems actually steer away from being drop-down lists activated on hover and are more likely to be completely displayed as a list.
  • The column grid structure for most of the bank websites is based on at least 4 columns.
  • The upper right hand corner is where most banks include the area for logging on to online accounts.
  • Steadily, banks are integrating social media into their online presence (please take a note of how many actually have Twitter and Facebook links on their home pages).
  • Search boxes are absolutely critical to bank websites.
  • Banks showcased here generally try to integrate humor or the ‘fun factor’ into the user experience. That is to say, online banking is shaking off some of the associations of the financial world being stuffy, old and boring.

We have actually marked the websites with a big ‘love the design’ where we feel a lot of extra love and attention has gone into the design, beyond the corporate information architecture.

Shades of Red

On putting this article together and sifting through hundreds of bank websites, red (and blue, see below) is a dominant color choice for banks. Red is one of the three primary colors (red, blue and yellow) and because it is the color of blood and raging fire, it is commonly associated with the following traits: courage, strength, power, energy, determination, passion, action and it has strong visibility (ie stop signs and danger signs are red). Strong shades of red often suggest vigor and leadership while lighter hues tending to pinks suggest a more passive and fresh approach.

Sparkasse, Germany

Produkte-und-Services-Ihrer-Sparkasse 1284468132848-e1284470984910 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Sainsbury’s Bank, United Kingdom Lovethedesign in What Color Is Your Money? Showcase of Bank Websites Worldwide

Personal-Loans-Credit-Cards-Travel-Home-Life-Pet-Insurance-Sainsburys-Finance 1287141192214-e1287141324449 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Citigroup, USA

Citi-Home 1287138832245-e1287139103594 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Absa Bank, South Africa

Absa-Bank-Home-Page-Commercial-Retail-Bank 1284474643858-e1284474732373 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Helm Bank, Panamá

Picture-3-e1287146077711 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Credit Suisse, Switzerland

Credit-Suisse-Wherever-you-are 1284490023964-e1284490204565 in What Color Is Your Money? Showcase of Bank Websites Worldwide

HSBC, United Kingdom / International

Bank-Accounts-Mortgages-Online-HSBC-Bank-UK 1284471072100-e1284471266154 in What Color Is Your Money? Showcase of Bank Websites Worldwide

NAB, Australia Lovethedesign in What Color Is Your Money? Showcase of Bank Websites Worldwide

NAB-National-Australia-Bank 1284448845736-e1284476219944 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Alfa Bank, Russia

Alfa-Bank 1285583156010-e1285583256493 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Citizens Equity First Credit Union, United States

CEFCU-Home-Page 1287141471877-e1287141623344 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Canadian Imperial Bank of Commerce, Canada

Personal-Banking 1287140538066-e1287140668377 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Westpac Bank, Australia

Westpac-Australias-First-Bank 1287140337037-e1287140506247 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Afriland First Bank, Cameroon

Le-partenaire-s R 1284472284459-e1284472406599 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Santander, Brazil

Banco-Santander-Brasil-S A 1284477859720-e1284478077973 in What Color Is Your Money? Showcase of Bank Websites Worldwide

CIM Banque Geneve, Switzerland Lovethedesign in What Color Is Your Money? Showcase of Bank Websites Worldwide

CIM-Banque-Gen C3 A8ve-Votre-Banque-Priv C3 A9e-Suisse-depuis-1990 1284487749826-e1284487985865 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Banca di Roma, Italy

Conti-Carte-Finanziamenti-UniCredit-Banca-di-Roma 1285585177285-e1285585334688 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Shades of Blue

Blue is the classic corporate color of choice. Blue is associated with depth and stability, trust, loyalty, wisdom, confidence, intelligence, knowledge, power, integrity and seriousness.

However, customers have over the years developed a love or hate relationship with their financial service firms. It is perhaps needless to mention here the financial crisis of 2008 where large financial institutions collapsed, banks were bailed out of seriously deep trouble by national governments and  stock markets crashed all around the world. Building trust and loyalty takes somewhat more than the perfect shade of blue.

Here are a selection of bank websites from around the world whose main online color is set around blue. We have included purple websites here as it expresses the stability of blue and the energy of red. Purple is associated with royalty and luxury. Dark blue tends more toward representing knowledge, power, integrity, and seriousness while a lighter blue hedges toward offering understanding and gentleness.

Rietumu Banka, Latvia
Latvia in What Color Is Your Money? Showcase of Bank Websites Worldwide

Banco de Chile, Chile

Personas-Banco-de-Chile 1287140083268-e1287140807679 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Bank of New Zealand Lovethedesign in What Color Is Your Money? Showcase of Bank Websites Worldwide

BNZ-Internet-banking-home-loans-credit-cards-personal-and-business-finance-Bank-of-New-Zealand-BNZ 1285589425940-e1285589516762 in What Color Is Your Money? Showcase of Bank Websites Worldwide

VTB Bank, Russia

VTB- -World-without-barriers 1284472643668-e1284472825564 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Qatar National Bank, Qatar

QNB-The-Leading-National-Bank-In-Qatar-Home-Page 1284490290731-e1284490427518 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Banca Etruria Group, Italy

Banca-Etruria-Home 1285585662405-e1285585894276 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Royal Bank Canada

Personal-Banking-Advice-you-can-bank-on-RBC-Royal-Bank 1287140368175-e1287140930798 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Siam Commercial Bank, Thailand

Scb Thai 1284475057832-e1284475370115 in What Color Is Your Money? Showcase of Bank Websites Worldwide

BancoSol, Bolivia

BancoSol-Bolivias-best-bank 1285609419524-e1285609629450 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Chase, USA

Personal-Banking-Personal-Lending-Retirement-amp-Investing-Business-Banking 1285431880030-e1285432698543 in What Color Is Your Money? Showcase of Bank Websites Worldwide

China Construction Bank, China

ChinaCB-e1285587945961 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Banque Populaire, France

Banque-Populaire-la-Banque-de-ceux-qui-entreprennent-leur-vie- 1284472033439-e1284472123669 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Deutsche Bank, Germany Lovethedesign in What Color Is Your Money? Showcase of Bank Websites Worldwide

Willkommen-bei-der-Deutschen-Bank-Leistung-aus-Leidenschaft 1284467876933-e1284476127131 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Natixis, France

Natixis-Top-class-banking-and-financial-solutions 1285591995827-e1285592078186 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Valiant, Switzerland

Valiant-Startseite 1284488088363-e1284488369806 in What Color Is Your Money? Showcase of Bank Websites Worldwide

CSOB, Slovakia Lovethedesign in What Color Is Your Money? Showcase of Bank Websites Worldwide

CSOB-Banka 1285591281576-e1285591577502 in What Color Is Your Money? Showcase of Bank Websites Worldwide

CapitalOne, USA

Capital-One-Credit-Cards-Banking-Auto-Loans-Checking-and-Savings-Accounts-and-Small-Business-Credit-Cards 1284470650784-e1284470735235 in What Color Is Your Money? Showcase of Bank Websites Worldwide

ANZ, Australia and New Zealand Lovethedesign in What Color Is Your Money? Showcase of Bank Websites Worldwide

ANZ-Personal-Online-Banking 1284471694119-e1284471797980 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Standard Bank, South Africa

Standard-Bank-Home 1284473448575-e1284473602555 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Bank of Hawaii, USA

Bank-of-Hawaii-Homepage 1285589159703-e1285589297158 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Barclays, England Lovethedesign in What Color Is Your Money? Showcase of Bank Websites Worldwide

Personal-Banking-from-Barclays-Barclays 1284476379198-e1284476580193 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Emirates NBD, United Arab Emirates

Emirates-NBD-Personal-Banking 1285590250119-e1285590362111 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Hungarian Development Bank, Hungary

Hungary MFB 1285590942384-e1285591021824 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Delta Community Credit Union, United States

Delta-Community-Credit-Union-Headquartered-in-Atlanta-Georgia 1287141678376-e1287141818967 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Shades of Yellow

Like red, yellow has an energetic influence and an alarm effect. It is also associated with joy, happiness, honor, loyalty and intellect. It is warming (directly associated to the sun) and stimulates a cheerful ease while at the same time is considered fresh and zingy. Used too liberally though, yellow can be disturbing and get in the way of content on a website. Used sparingly, it can be inviting and assuring. Orange has also been included in this group as it combines the energy of red and happiness of yellow. Orange is the color of enthusiasm, fascination, happiness, creativity, determination, attraction, success, encouragement and stimulation. Some also associate orange with endurance.

Guaranty Trust Bank, Nigeria Lovethedesign in What Color Is Your Money? Showcase of Bank Websites Worldwide

28-GMT 0200-CET 1286892460303-e1286892606351 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Kookmin Bank, Korea

Kbstar-e1285584847705 in What Color Is Your Money? Showcase of Bank Websites Worldwide

ING DiBa, Germany Lovethedesign in What Color Is Your Money? Showcase of Bank Websites Worldwide

Girokonto-Festgeld-Baufinanzierung-Kredite-Wertpapiere-ING-DiBa 1284467516117-e1284473263585 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Commonwealth Bank Australia Lovethedesign in What Color Is Your Money? Showcase of Bank Websites Worldwide

Home-Page-Commonwealth-Bank-Group 1284448960248-e1284473399816 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Bank of Ayudhya, Thailand

Krungsri Com 1284475514430-e1284475902746 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Attijariwafa Bank, Morocco

Attijariwafa-bank-Accueil- 1287141897721-e1287142106528 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Commerzbank, Germany

Commerzbank-Homepage 1285590074792-e1285590187100 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Bankinter, Spain

BankinterBanca-de-particularesInversiones-Financiaci NInicio 1284477086104-e1284477181665 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Falkenbergs Sparbank, Sweden

Falkenbergs-Sparbank 1285590435403-e1285590529834 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Banco do Brasil

Bb Com Br 1284477529628-e1284477652334 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Pireaus Bank, Egypt

Welcome-To-Piraeus-Bank-Egypt 1284490407262-e1284490648706 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Shades of Green

As we move down our color comparison list of financial websites, there becomes fewer examples to find for greens and grays. We actually discovered, however, that quite a few banks in African countries and other developing lands use green shades for bank websites. Green is the color for growth, nature and healing. It is also directly symbolic of money (and greed and jealousy).

Nedbank, South Africa Lovethedesign in What Color Is Your Money? Showcase of Bank Websites Worldwide

Nedbank-Home 1284474492971-e1284474580268 in What Color Is Your Money? Showcase of Bank Websites Worldwide

SBERBANK, Russia

Sbrf-e1285583510667 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Magyar Nemzeti Bank, Hungary

Magyar-Nemzeti-Bank 1286889544975-e1286889666685 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Appenzeller Kantonalbank, Switzerland

APPKB-Appenzeller-Kantonalbank 1284488779339-e1284489013736 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Banco Azteca, Panamá

Banco-Azteca-Panam -Tu-sucursal-Personal 1287145121417-e1287145260542 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Banca Nazionale del Lavoro S.p.A., Italy

BNL-BNP-Paribas-Welcome-Welcome 1285585386122-e1285585501690 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Islamic Bank of Thailand

ISLAMIC-BANK-OF-THAILAND 1284475494807-e1284475694722 in What Color Is Your Money? Showcase of Bank Websites Worldwide

First National Bank, South Africa

Home-First-National-Bank-FNB 1284473682215-e1284474011997 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Kenya Commercial Bank

KCB-Kenya-Home 1284478242469-e1284478370669 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Israel Discount Bank

Israel Hebrew-e1285591249902 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Crédit Agricole, France Lovethedesign in What Color Is Your Money? Showcase of Bank Websites Worldwide

Cr Dit-Agricole-CIB-Corporate-and-Investment-Banking- -Cr Dit-Agricole-CIB 1285587363715-e1285587672219 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Shades of Gray & Brown

Black and white are not colors on the ‘Color Wheel‘. They are defined as ‘neutral’ colors. Shades of gray (and brown for this article) are generally neutral colors which tend not to assume a strong or specific emotional association – except for general neutrality. While black on its own can symbolize morbidity, death or mystery, it is also a clear expression of power and clarity. White is also a statement of purity and clean cut lines. Shades of brown communicate earthiness and wholesomeness. We discovered a few financial websites that use predominantly shades of grays and browns, but not many.

Macquarie Group, Australia Lovethedesign in What Color Is Your Money? Showcase of Bank Websites Worldwide

Macquarie-Group-Australia 1285591645695-e1285591822156 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Bank of England, United Kingdom

Bank-of-England-Home 1286890738641-e1286890857456 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Rand Merchant Bank, South Africa

RMB-Traditional-values -Innovative-ideas 1285592518061-e1285592602383 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Central Bank of Libya

Central-Bank-Of-Libya-Home-Page 1286889965680-e1286890066546 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Banco de España, Spain

Spain in What Color Is Your Money? Showcase of Bank Websites Worldwide

SKB Banka, Slovenia

Osebne-finance-SKB 1285607433160-e1285607570286 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Central Bank of Bahrain

Central-Bank-of-Bahrain 1286888552526-e1286888707823 in What Color Is Your Money? Showcase of Bank Websites Worldwide

What Color Is Your Money?

This article is in no way an exhaustive collection of bank websites of the world. These are some of the better designed and constructed works. If you can suggest any more that should be added to this showcase, please add them in the comments below. And next time you are visiting your own bank’s website, instead of just going to your online account to see how rich or poor you are, have a further look around the site and see how well it has been put together. Check out the sitemap and consider the structure that has been employed to make the site cohesive. Make a note to see if the ‘business customer’ pages are designed differently to the ‘individual customer’ pages.

Partial Bibliography

USA Banks, All banks and Finance, Banking and Rates
Central Bank websites
A Look into Color Theory in Web Design

(rb)

September 22 2010

21:00

Colors in Web Design: Choosing a right combination for your Website

Color is undoubtedly the essential means to touch the emotions of your website visitors. It is a non-verbal communication and creates a physical and emotional reaction of the viewers. Colors are able to set the right tone and carry a necessary message for visitors. Colors can calm or excite, arouse plenty of feelings and stimulate to actions. Color is extremely powerful.

When choosing a color scheme for a website, it is important to do it right, guided by the main principles of the color theory and of course, follow professional advices. In this article I intended to cover the most important aspects of color, the main principles of combining colors, its meaning in web design as well as symbolic meaning. Also, you will see some good examples of well designed websites divided according to the prevailing color as well as get familiar with some useful tips from professional designers as to using colors effectively when creating a website.

So, let’s start discovering the magic of color…

Color theory: the main principles. Learning to combine colors

The people, who are not closely familiar with the web design main principles, choose colors for their websites according to their own taste and end up with the colors that just look good in combination with each other. It is great if you have a good eye and you feel intuitively what color scheme to choose for a website. But of course, all men can’t be good at it. So, for all those who are not sure what colors to combine for the website, I would recommend to learn the basics of color theory – it is very clear and easy to understand.

One of the most useful issues to start with is the Color Wheel.

A little bit of history: The color wheel was invented by Isaak Newton in 1666. He took the bar of colors created by the passage of light through a prism and transformed it into a segmented circle, where the size of each segment differed according to his calculations of its wavelength and of its corresponding width in the spectrum.

Source: sustland.umn.edu

The color wheel is an indispensable attribute of many designers and artists all over the world. This great tool is a perfect proof of the theory that the ingenious is always simple. The color wheel allows you to pick the colors that are harmonious together. The wheel consists of 6 basic colors: red, orange, yellow, green, blue and purple. In addition to the basic colors, we have extra colors (mixes of the basic).

So, to find a right harmonious color scheme, you need to use any two colors opposite each other on the color wheel, any three colors equally spaced around the color wheel forming a triangle or any of four colors that form a rectangle (two pairs of colors opposite each other). Color schemes remain harmonious regardless of the rotation angle.

Primary Colors

There are three primary colors: Red (#ff0000 in HTML or #f00 in CSS), Yellow (#ffff00 in HTML or #ff0 in CSS) and Blue (#0000ff in HTML or #00f in CSS). We cannot get them by mixing any other color. The other extra colors can be formed by combining of these three colors. If you mix two of the primary colors, you will have a secondary color.

Secondary colors

There are also three of them: Orange (#ff9900 in HTML or #f90 in CSS), Green (#00ff00 in HTML or #0f0 in CSS) and Purple (#ff00ff in HTML or #f0f in CSS). You can get them by mixing red and yellow (orange), yellow and blue (green) and blue and red (purple).

Tertiary colors

To get one of tertiary colors you need to mix one primary color and one secondary color together. The opportunities for tertiary colors are endless.

Complementary colors

Complementary colors are the ones that are located directly across each other on the color wheel: red and green, blue and orange, purple and yellow. In combination with each other they compose a striking contrast. Such color combinations are usually used for standing out some elements on the website. For example, if you have an orange background and some blue elements on it, the blue items will be almost blinding.

Analogous colors

These colors are located next to each other on the color wheel. They usually look extremely good together, but absolutely quiet. Use such color combinations when you need your visitors to feel comfortable while looking at your website pages.

There are plenty of color groups that refer to various aspects of color, i.e. warm colors, cool colors, neutral colors to name a few.

Colors in different cultures: symbolism

When choosing a color scheme for your website, you should obligatory take into account the fact that this or that color may have different meanings in different cultures. The cultural aspect for color symbolism can be very strong, so you need to be aware of how your audience views the colors. If you understand what you are saying with your website color scheme, you will avoid a huge mistake.

Let’s find out what some colors mean in different cultures:


Red

• China: the color of brides, Good luck, celebration, summoning
• Cherokees: triumph, success
• India: purity
• South Africa: mourning color
• Eastern: worn by brides, joy (in combination with white)
• Western: excitement, love, passion, stop
• USA : christmas (with green), Valentine’s day (with white)
• Hebrew : sacrifice, sin
• Japan : life
• Christian : sacrifice, passion, love
• Feng Shui : Yang, Fire, good luck, respect, protection, vitality, money, recognition


Blue

• European : soothing, “something blue” bridal tradition
• Cherokees : defeat, trouble
• Iran : mourning, color of heaven and spirituality
• China : immortality
• Colombia : soap
• Hinduism : the color of Krishna
• Judaism : holiness
• Christianity : Christ’s color
• Catholicism : color of Mary’s robe
• Middle East : protection
• Worldwide : ’safe’ color
• Feng Shui : Yin, water, calm, love, healing, relaxation, peace, trust, adventure, exploration
• Western: Sadness, depression, conservative, bridal tradition, corporate, “something blue”


Yellow

• European : happiness, hope, joy, cowardice, hazards, weakness
• Asia : imperial, sacred
• China : royalty, nourishing
• Egypt : mourning
• Japan : courage
• India : merchants
• Buddhism : wisdom
• Feng Shui : Yang, Earth, auspicious, sunbeams, warmth, motion


Orange

• European : autumn, harvest, creativity
• Netherlands : favorite color (House of Orange)
• Ireland : protestants (religious)
• USA : halloween (with black), cheap goods
• Hinduism : saffron (peachy orange) is a sacred color
• Feng Shui : Yang, Earth, purpose, strengthens concentration


Brown

• Colombia : discourages sales
• Australian Aboriginals : color of the land, ceremonial ochre
• Feng Shui : Yang, Earth, industry, grounded


Green

• China : exorcism, green hats indicate a man’s wife is cheating on him
• Japan : life
• Islam : hope – the cloak of the prophet was thought to be green, virtue – only those of perfect faith can wear green
• Ireland: symbol of the entire country, Catholics
• European/USA : spring, new birth, go, safe, environmental awareness, Saint Patrick’s Day, Christmas (with red)
• USA : money
• Western: spring, new birth, go, Saint Patrick’s Day, Christmas (with red)
• India: Islam
• Feng Shui : Yin, Wood, growing energy, refreshing, nurturing, balancing, harmony normalize, healing, health, peaceful, calming


Purple

• Thailand : mourning (widows)
• European : royalty
• Catholicism : death, mourning, crucifixion
• Feng Shui : Yin, physical and mental healing, spiritual awareness


White

• European : marriage, angels, doctors, hospitals, peace
• Japan : mourning, white carnation symbolizes death
• China: mourning, death,
• India : unhappiness
• Eastern : funerals
• Feng Shui : Yang, metal, death, ghosts, mourning, ancestal spirits, poise, confidence


Black

• European : mourning, funerals, death, rebellion, cool, restfulness
• China : color for young boys
• Thailand : bad luck, evil, unhappiness,
• Judaism : unhappiness, bad luck, evil
• Australian Aboriginals : color of the people, ceremonial ochre
• Feng Shui : Yin, water, money, career success, income, stability, emotional protection, power, bruises, evil

The meaning of colors. A varicolored showcase

A visitor’s immediate opinion as to you and your offers is formed right after he sees your website for the first time. And this immediate opinion is formed not because your offer is brilliant or your products are great… When your web page appears to the visitor, the colors you have used go to work on the subconscious of your visitors. It happens because we all react on colors intuitively and psychologically. If the color scheme is chosen right for grabbing your audience’s attention, a huge part of work has already been done.

Let’s see what feelings each color can evoke as well as look at some ready-made website solutions selected as examples for each color.

Red

is mostly associated with boldness, excitement and desire. Red is the color of love, strength, power, energy, leadership and excitement. It is a strong color, and you should be aware of some its negative associations, i.e. danger, alarms, traffic lights, etc.


Blue

means patience, peace, tranquility, trustworthiness, love, stability. It is one of the most beloved colors, especially by men. It is associated with stability and depth, professionalism, trust and honor.

A Stunning Blue Color Scheme for a Blog

Yellow

is the color that mostly associated with liveliness. It is energetic and gives the feeling of happiness. Also, it associates with curiosity, amusement, joy, intelligence, brightness, caution, etc.

A Yellow Website Brighter than Sunshine

Orange

means cheerfulness and creativity. It can be associated with friendliness, confidence, playfulness, courage, steadfastness, etc.

An Attractive and Friendly Orange Solution

Purple

traditionally associates with power, nobility and wealth. Wisdom, royalty, independence, nobility, luxury, ambition, dignity, magic and mystery.

A Mysterious Design in Purple

Green

is the color of harmony, nature, healing, life, food and health. Also, it is often associated with money.

A Stylish and Well Balanced Green Design

Brown

is the color of relaxation and confidence. Brown means earthiness, nature, durability, tribal, comfort, reliability, etc. It can be thought of sophisticated, solid and conventional.

An Excellent Brown Colored Portfolio

Grey

gives the sense of seriousness, conservatism and traditionalism. It can provoke the feeling purity and innocence. It can be associated with security, reliability, intelligence, modesty, dignity, maturity, solid, practical, old age, sadness, quality, boring, practicality, professional, durability, quiet, gloominess. In combination with orange, grey looks fantastic and awakens the sense of perfection.

A Creative Portfolio in Grey

Pink

expresses tenderness, romance, femininity, truth, passivity, good will, emotional healing, care, peace, calming, affection, emotional maturity, nurturing, sweet tasting, sweet smelling, ethereal, delicacy, etc.

A Wonderful Pink Web Solution

Black

is a stylish and elegant color associated with power, sophistication, formality, health, etc. Black is an excellent technical color and helps to add some mystery to your design. But if you don’t want your website provoke depressing feelings, avoid using black over a large area. On the other hand, if you make a black background, it can enhance perspective and depth. Black is great to use for art and photography websites to help other colors to vibrate.

A Black Colored Business 3D Solution

White

White is associated with purity, simplicity, fresh, goodness, innocence easy, cleanliness, etc. This color is great to use for a background or accent color, because it highlights other colors.

A Clean White Web Design

Conclusion: some useful tips

As a conclusion, there are some useful pieces of advice that will help you in choosing a good color scheme for your website. These little tips are widely used by professional web designers.

1. If you wish your text content to be easily readable, choose contrasting colors. It is important to make contrast between the text and background.
2. Use less colors. Don’t make your website to look like a circus. For the best impact you can use one color on headlines and another color (the complementary one) for the text.
3. Use enough colors. Use less, but enough. If you use too little colors, you risk to make your website boring. Or use little colors but just use other means to underline the elements in that case.
4. If you need to attract the visitor’s eye, use intense colors. But be careful, as If the color scheme is too intense, it attracts the eye in too many directions, and the techniques will lose its effectiveness.
5. Derive inspiration from nature: you can find really great complementary color schemes.

Useful related links:

That’s all for now. We hope you will find this article useful and look forward to your comments.

Older posts are this way If this message doesn't go away, click anywhere on the page to continue loading posts.
Could not load more posts
Maybe Soup is currently being updated? I'll try again automatically in a few seconds...
Just a second, loading more posts...
You've reached the end.
(PRO)
No Soup for you

Don't be the product, buy the product!

close
YES, I want to SOUP ●UP for ...