Designing color for top Menu style

Posted on 2011-10-04
Last Modified: 2012-05-12
Hi Experts,
I really need and advise of an expert web designer in how tohave abest looking top menu in my site, any suggestions on the color, hover color, sub menu items color and text would really help
Thanks in advance.!
Question by:TonyReba
    LVL 16

    Accepted Solution

    I think It depends on your color scheme, does it match?
    You can find this color picker useful in order to find relative colors:
    Also make sure it's easy to read text, as I can see you use blue font color on blue background, it isn't good.
    Read this article which I find useful:
    LVL 9

    Author Comment

    Thanks, any other advise?
    LVL 30

    Expert Comment

    I would agree with SSupreme. Aesthetics and usability are not always one-in-the-same. I would recommend using color pickers to see what would not only contrast, but what would go well. You may also wish to visit some "blue" based websites yourself to get more inspiration.
    LVL 18

    Assisted Solution

    When ever I am doing a menu like this for a site, I always look at the contrasting colors already in use on the site.  For example, in your case the use of orange, gray or that sea-foam green would work nicely for text and borders.  Lighter colors work best for sliding menu's.  For texts and roll-overs, look into such colors as;


    I use a utility called ColorSchemer when sampling colors, and look at some sample themes, has a bunch.  I use these guys a lot,  
    But remember this can quickly become a nightmare of colors.  Find something you like, then run it by the client, they have the last word.
    LVL 18

    Expert Comment

    @ SSupreme

    What does this have to do with CSS and color schemes?
    LVL 16

    Expert Comment

    @  mgfranz
    As you can see it doesn't, it just reminder for you that whatever you do CSS or color schemes, you do it for user.
    Like USA flag, it is for everyone, so everyone can recognize it, I am talking about colorblind people as well.
    If you have blue background and purple-blue color font, some people won't see what is written, they even cannot think that there is something written.

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Do You Know the 4 Main Threat Actor Types?

    Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

    Introduction Since I wrote the original article about Handling Date and Time in PHP and MySQL ( several years ago, it seemed like now was a good time to updat…
    Using SQL Scripts we can save all the SQL queries as files that we use very frequently on our database later point of time. This is one of the feature present under SQL Workshop in Oracle Application Express.
    In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at Browse or search based on font properties or name to find a suitable font for…
    This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

    737 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    22 Experts available now in Live!

    Get 1:1 Help Now