If you visit any admin/franchise/clients sites, these sites always have logo on the left top corner. What is the golden rule for admin site logo height? as i have build a logo with 50px height but its looking quite tall, because there is some old printed images which increase the height of logo and i can not change these images height. i need your suggestion about admin site header and logo.


There is no golden rule. Marketing wants it twice as large. The UI designer wants it twice as small. So just go somewhere in between.

| improve this answer | |
  • 1
    That would be twice the same then? – peterchen Jun 23 '11 at 14:27

Hard to visualize the problem you have. Not sure there's a golden rule to logo height - but 40 to 70px sounds about right, probably including padding, but it depends on the rest of the content and whether it's wasting space right along the top. Look at this very page for example.

[Edit] Added some examples below. If you are forced to have a 15px padding top and bottom, then a 30px logo looks too small, between 40 and 50 looks better. Depends on your colour scheme, aspect ratio of the logo, and what else you have in the same horizontal panel as the logo...?

enter image description here

| improve this answer | |
  • padding top and padding bottom is 15 pixel so header height is increase to 80 pixel, but i can not decrease the above 15 and the below 15, as i have to show some content there. – Pir Abdul Jun 22 '11 at 17:11
  • 30px ltd is looking good in admin sites. – Pir Abdul Jun 22 '11 at 18:10

50px does not seem unreasonable at all. Any size that is at least legible but not obtrusive should work.

| improve this answer | |
  • if you look at the top outer header of ux.stackexchange.com, it has 18 px height. – Pir Abdul Jun 22 '11 at 16:57
  • 1
    Yes I can see that, but I still think that 50px is not unreasonable, as Roger concurs. – Matt Rockwell Jun 22 '11 at 17:03
  • padding top and padding bottom is 15 pixel so header height is quite tall then 80 pixel. – Pir Abdul Jun 22 '11 at 17:09
  • 1
    I guess you answered your own question then, make the logo smaller :) – Matt Rockwell Jun 22 '11 at 17:13
  • yes but padding can not be decreased, as i have to place some contents, – Pir Abdul Jun 22 '11 at 17:14

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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