I’m new to the graphic design section of SE, this being my first question here, but not new to graphic or web design.
I am in the process of making a free website for a new local eSports bar. The basic layout is there, but the logo looks out of place. (please note none of the grahpics were made by me and are currently just placeholders) The website uses media queries and there are 4 different size layouts based on width:
- Very Large: 1051px +
- Large: 751px – 1050px
- Medium: 461px – 750px
- Small: Less than 460
In my opinion, the logo looks perfectly in place on the “small” layout, but looks terribly out of place on the other three.
My Question: What can I do to tie my logo into the larger layouts so that it doesn’t look as if it’s just sitting there? (Resize browser width to see different layouts)
Simplest answer: I don’t think the logo looks terrible sitting above everything as it is.
Simple answer: You could try floating the logo to the left at large and above and moving the menu up to fill the space.
Complicated answer: You could think more about an identity system. A logo is not a brand; it’s just a part of it. Think of how Coca-Cola has their logo, but then they also have the “Dynamic Ribbon” that they use as a secondary element on their can. If you had some secondary branding elements or a color palette to work with, you could work that into the header and better fill the space.