0

After trying various menus, both the client and I are happy with the top main-menu. It is a webapp that runs in a browser, targeted for a desktop.

The default from the library is as shown (light grey with black font). The clients base colour is #001f6d.

Thoughts

  • Change the text to this colour. But what about the background.
  • Change the background to this colour and use white font. But then it merges with the logo line.

Note

  • The "|Rohit|" is a dropdown menu for managing user actions such as login, logout, change password, change username and exit. I wanted to show the logged in username, so it made sense to add some actions to it.
  • The (--TEST--) shows that it is connected to the test database (for my benefit, so that I am not playing with live data).

enter image description here

Improve this question
1
  • If the client is happy, why are we trying to change this? Commented Aug 7 at 6:03

1 Answer 1

Reset to default
0

For colours:

  • I would keep #001f6d as the background, and have the logo+text in white, once I'm not sure the yellow has a good balance and pass on accessibility.

  • Play around with scale for the "Rohit" button background, to give it a visual cue that this is interactive. (Ir style it as a link)

For layout:

  • Keep the logo+text top-left
  • Keep "Rohit" button top-right
  • Add a down chevron "⌄" to signify the action for this button

Other than that, you are good to go. It looks fairly simple component atm.

Improve this answer
1
  • The real one does have white logo. The test one is gold to ensure I know which system I am on. Good point about the chevron. Commented Aug 6 at 12:02

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.