Been reading about Google's new dark navbar over at ReadWrite. It's funny that ReadWrite, as well as StackExchange, has chosen a dark navbar as well.

Why this trend to choose dark navbars?

  • I've flagged this for closing, as it isn't really possible to answer this question unless a Google employee visits us. Commented Oct 31, 2012 at 21:19
  • 2
    I would disagree with the closure. It's possible to answer the question in terms of visual hierarchy / contrast / etc. This is a visual design answer.
    – user597
    Commented Nov 1, 2012 at 8:03
  • @adrianh - at the time of the close vote, the question was explicitly about Google's decision, not general trends. Those sorts of question are not on-topic. Commented Nov 1, 2012 at 12:23

4 Answers 4


I'd say it's a fairly common design choice due to the constraints of the media - rather than a trend.

What do you want a navigation bar to do:

1) You want people to find it easily when they need to navigate

2) You want it to get out of the way visually when people are focussing on the content.

3) In the case of sites like Google, where you have a common bar across multiple services, you want something that's not going to clash visually with different brands / colour schemes / etc.

Since most people present content dark-on-light then (1) and (2) will probably drive you to a navigation bar that's more likely to be light-on-dark so it's obvious what's content and what's nav bar.

(3) is probably going to drive you to neutral colours / greys that avoid colour scheme clashes.

Since most browser chrome is grey, you'll probably want to go for a pretty dark background to clearly separate your navigation from browser navigation / bookmark bars / etc due to (1).

So the design constraints drive you towards a dark grey / black bar.


Nav bars need to stand out and be visually distinct. Many if not most sites have a light background with a dark foreground (text); to give a good contrast, a dark navbar on a lighter site is a no-brainer.

Look at the Read Write page and try to imagine a light nav bar; it'd either be clashy (few light colors would work there) or hard to see (white/gray). In addition, black goes with (almost) anything, so it's a good safe choice. Adding colors is always a risk in a design, but adding white and black can generally be done in most color schemes without messing them up.


Could it not be just for visual design's sake and differentiation (Branding)?


I recently designed a site with a top strip navbar. I tried lots of different values and colors. I really found that the darker colors anchored the page more effectively than the lighter colors.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.