Good Design IS Good Business Update Banner

                                                                                                                 Feb. 2014 / Issue #14

Use Color in Websites and Call-to-Action Buttons to Grab Attention

Color is the Key to Branding Consistency

Written by Mike Hamers, Lightspeed 
Edited by Kate Hamers, Lightspeed and Kris Green, Turn Words 2 Money

Instill Confidence Through Color Consistency
Research by Xerox discovered consistent color branding across all your platforms (branding, social media, advertising, logo) not only makes you look more professional, but also causes prospects to remember your brand and your business.
Color improves brand recognition by up to 80% and increases comprehension of your message by as much as 73%.

When it comes to branding, your logo is the most important guiding element. Your logo sets the tone for what colors you should use on your website. Your website and landing pages are perfect places to communicate your branding – and influence prospects' behaviors – by how you use color.

Using colors consistent with your logo/branding assures visitors they are in the right place. They’ll feel more secure about using your site. This in turn instills confidence and trust in your brand. If users don’t trust they are in the right place, there’s little chance they’re going to make a purchase.

Develop An “Expanded Color Palette”with Your
Logo as Your Foundation

Color consistency does not mean you can only use your logo colors in your advertising. In fact, you should develop an “expanded” color palette with a few additional color variations– but not too many. At a minimum, your color palette needs a dark, a bright, a neutral/pastel and several supporting secondary colors.

  • The dark color (or black) is typically needed for your main text so that your message can easily be read against the (generally light or white) background.
  • The bright/main/dominate color sets the tone or mood for the palette a well as your web site.
  • A neutral or pastel can be used to differentiate areas from white, to help give the site or your collateral materials (brochures, flyers, etc.) an interesting look without being visually demanding.
  • The supporting colors can be either adjacent or complimentary (opposite) to your main color or can be one or more of each.  (Please see the two web page samples with color palette information diagrammed). 

These color selections create a visually interesting professional appearance for all your marketing. Implement your extended color palette in both your web-based and print messages. You can give your brand a strong solid foundation through consistent color usage.



Strategic choices: color can make or break your opportunity.
According to recent studies, people make subconscious judgments and decisions about a person, environment, or product within 60 seconds, and up to 90% of that assessment is based on color alone!  

Call-to-Action Buttons Need Extra Consideration
Color is instrumental in driving site and landing page visitors to take specific actions.
A remarkable 85% of shoppers credit color as a primary reason behind their product purchase decisions according to the Color Marketing Group.

Size, Color and Location
Special attention should be given to the color on Call-to-Action buttons to make sure they stand out clearly.  How large these buttons are is very important. A button that’s too large can overpower everything around it. A button that’s too small can get lost in all the other content on a page. You want your Call-to-Action button to be large enough to stand out without overwhelming the design and not TOO integrated so it’s not lost in the layout.

Your Call-to-Action buttons need to command attention without overwhelming your design. Color can be used to help balance the size of your buttons. For larger buttons, choose a color that’s less prominent within your design (but still stands out again the background). For a smaller button, you may want to choose a brighter, contrasting color to really make the button pop. In either case, make sure the color you use sets the button apart without clashing with the site’s overall design. Be aware of colors that have cultural meanings as well. For example, don’t use “stop sign red” if you want someone to “go” and accept your offer.


  1. Your Call-to-Action buttons should ideally be the largest buttons on a given page
  2. Use contrasting colors to make smaller buttons stand out more
  3. Use less distinct colors to make oversized buttons fit in better
  4. Make sure there’s enough space around your button so that it doesn’t feel cluttered
  5. Consider principles like the “Rule of Thirds” (grid approach with natural focal areas) or the “Golden Ratio” when determining how much space to include
  6. Use "white" space (text and image free space) to give your Call-to-Action button room to stand out among your other content and set it apart
  7. Make buttons look like buttons. Don't make user guess if it's really a link or not.

       Using the "Rule of Thirds" for underlying architecture and Call-to-Action placement.

       THe "Rule of Thirds" is apply here for best palcment of the Call-to-Action button in the focus areas=.

       The Golden Section or Spiral is used to confiure the best page layout based on a mathematical model.

       Call-to-Action buttons and how to best decide on colors, placment and size.

Test The Colors You Use On Your Web Page Repeatedly
That doesn't mean you should change your brand's look and feel. Instead, test different color elements within the framework of your brand identity to see what reflects the image and feel you want most effectively. For example, test different Call-to-Action button colors, and track the change in results over time.

Often using a contrasting button color against the dominant color on the page can successfully attract more attention than using a button color that is too similar to the overall color palette. This simple change may increase your conversion rate and increase your sales. – MH

Signup for Your Free Subscription to Good Deisng IS Good Business
Link to Master Index / Newsletter Archive

So what is your logo saying about your brand?
Is the color you are using sending the message you want sent?
Consider and, if necessary, rethink your identity, brand, and values, and then select colors to convey those attributes. With a color palette that evokes your brand's true DNA, your marketing can achieve greater success.

Call Now to Schedule Your...

FREE 30-Minute "Coffee Critique" of your current logo and branding

Comprehensive Brand Audit – Written analysis with recommendations

Price Quote on logo redesign and/or upgrade of your brand consistency

To Your Success – Mike Hamers

Mike Hamers is an award-winning graphic designer, illustrator and author who lives and works in Niwot (Boulder), CO. He has been the owner of Lightspeed Design for 23 years. During that time he has won over 20 national and international awards for this logo design, stationery, packaging and font designs.

Mike has had his illustrations in Wired magazine and brochure design work in "The Little Book of Layouts: Good Design and Why It Works".  Mike enjoys working with all size companies – from solopreneur's startups to large national companies. His broad experience crosses most industries including bio- and nano-science, biomedical devices, technology and manufacturing, software, foodservice, and more. Mike's comprehensive design and illustration portfolio is viewable at

Mike Hamers, Owner of Lightspeed Commercial Arts, Designer and Illustrator

     To Read Past Issues of the Newsletter – Link to Index

Get help with all your graphic design needs — Call if you have
any questions, suggestions, or wish to schedule a free consultation:

Mike Hamers' cell: 303-527-1222 or email:

Read what others are saying > Testimonials

More Award-Winning Logos (pdf)click here  Link to Logo Design pdf

More Business Cards (pdf) click here  Link to Logo Design pdf

 Online Portfolio >

Lightspeed is committed to meeting your marketing objectives creatively.

We develop fresh concepts and innovative ideas that are directly on point to your target market – exciting and creative work that engages the customer and closes the sale.

We give you what you want, on time and within budget.


Editing and Proofing by
Kris Green,
  Turn Words 2 Money

Link to C3 Writing, a quality writing and editing service company




Denver Marketing Services | Colorado Springs Marketing Services | Aurora Marketing Services | Lakewood Marketing Services | Fort Collins Marketing Services | Boulder Marketing Services | Arvada Marketing Services | Broomfield Marketing Services | Englewood Marketing Services | Grand Junction Marketing Services | Greeley Marketing Services | Lafayette Marketing Services | Littleton Marketing Services | Longmont Marketing Services | Loveland Marketing Services | Northglenn Marketing Services | Parker Marketing Services | Pueblo Marketing Services | Westminster Marketing Services | Wheat Ridge Marketing Services | Denver Advertising Agencies | Colorado Springs Advertising Agencies | Aurora Advertising Agencies | Lakewood Advertising Agencies | Fort Collins Advertising Agencies | Boulder Advertising Agencies | Arvada Advertising Agencies | Broomfield Advertising Agencies | Englewood Advertising Agencies | Grand Junction Advertising Agencies | Greeley Advertising Agencies | Lafayette Advertising Agencies | Littleton Advertising Agencies | Longmont Advertising Agencies | Loveland Advertising Agencies | Northglenn Advertising Agencies | Parker Advertising Agencies | Pueblo Advertising Agencies | Westminster Advertising Agencies | Wheat Ridge Advertising Agencies | Denver Marketing Companies | Colorado Springs Marketing Companies | Aurora Marketing Companies | Lakewood Marketing Companies | Fort Collins Marketing Companies | Boulder Marketing Companies | Arvada Marketing Companies | Broomfield Marketing Companies | Englewood Marketing Companies | Grand Junction Marketing Companies | Greeley Marketing Companies | Lafayette Marketing Companies | Littleton Marketing Companies | Longmont Marketing Companies | Loveland Marketing Companies | Northglenn Marketing Companies | Parker Marketing Companies | Pueblo Marketing Companies | Westminster Marketing Companies | Wheat Ridge Marketing Companies | Denver Ad Agencies | Colorado Springs Ad Agencies | Aurora Ad Agencies | Lakewood Ad Agencies | Fort Collins Ad Agencies | Boulder Ad Agencies | Arvada Ad Agencies | Broomfield Ad Agencies | Englewood Ad Agencies | Grand Junction Ad Agencies | Greeley Ad Agencies | Lafayette Ad Agencies | Littleton Ad Agencies | Longmont Ad Agencies | Loveland Ad Agencies | Northglenn Ad Agencies | Parker Ad Agencies | Pueblo Ad Agencies | Westminster Ad Agencies | Wheat Ridge Ad Agencies | Denver Advertising Agency | Colorado Springs Advertising Agency | Aurora Advertising Agency | Lakewood Advertising Agency | Fort Collins Advertising Agency | Boulder Advertising Agency | Arvada Advertising Agency | Broomfield Advertising Agency | Englewood Advertising Agency | Grand Junction Advertising Agency | Greeley Advertising Agency | Lafayette Advertising Agency | Littleton Advertising Agency | Longmont Advertising Agency | Loveland Advertising Agency | Northglenn Advertising Agency | Parker Advertising Agency | Pueblo Advertising Agency | Westminster Advertising Agency | Wheat Ridge Advertising Agency | Denver Marketing Services | Colorado Springs Marketing Services | Aurora Marketing Services | Lakewood Marketing Services | Fort Collins Marketing Services | Boulder Marketing Services | Arvada Marketing Services | Broomfield Marketing Services | Englewood Marketing Services | Grand Junction Marketing Services | Greeley Marketing Services | Lafayette Marketing Services | Littleton Marketing Services | Longmont Marketing Services | Loveland Marketing Services | Northglenn Marketing Services | Parker Marketing Services | Pueblo Marketing Services | Westminster Marketing Services | Wheat Ridge Marketing Services | Denver Design Company | Colorado Springs Design Company | Aurora Design Company | Lakewood Design Company | Fort Collins Design Company | Boulder Design Company | Arvada Design Company | Broomfield Design Company | Englewood Design Company | Grand Junction Design Company | Greeley Design Company | Lafayette Design Company | Littleton Design Company | Longmont Design Company | Loveland Design Company | Northglenn Design Company | Parker Design Company | Pueblo Design Company | Westminster Design Company | Wheat Ridge Design Company | Denver Marketing Company | Colorado Springs Marketing Company | Aurora Marketing Company | Lakewood Marketing Company | Fort Collins Marketing Company | Boulder Marketing Company | Arvada Marketing Company | Broomfield Marketing Company | Englewood Marketing Company | Grand Junction Marketing Company | Greeley Marketing Company | Lafayette Marketing Company | Littleton Marketing Company | Longmont Marketing Company | Loveland Marketing Company | Northglenn Marketing Company | Parker Marketing Company | Pueblo Marketing Company | Westminster Marketing Company | Wheat Ridge Marketing Company