: How to design web pages around a big logo? I'm currently designing a website for a place that uses a large circular logo. Their logo contains an image as well as text. The problem I'm running

@Harper654

Big logos, and especially circular is a bit of a headache. Not knowing much about what the logo actually looks like, here are some very quick and dirty concepts.

Pardon the extremely primitive examples; take it for what it is: conceptual ideas, not layout guidelines.

Balance the page with the logo to the left (where you are most likely to have more space)



Use a bit of transparency, make the logo big, do not be afraid of "whitespace" (or more precisely; "logospace".



Depending on the logo properties, you can use transparency and non-transparency simultaneously



Another take on transparency - non-transparency



And, at last, have a little wacky fun in slicing the logo. As long as you have the whole somewhere, slicing can actually be pretty effective; and makes for exciting design.

Vote Up Vote Down

@Chiappetta793

One thought that comes to mind is that you can really take advantage of what a circle does naturally in terms of its optics. If you put it over a colored nav bar and you let the top and bottom of the circular logo spill over the rectangle, it should reduce the amount of white space you'd need between the header and the body.

In my example the circle is centered (which I kind of like for circular logos, but that's probably a personal thing), but you can left-align it as well.



I checked out a couple of websites with circular logos. Dell's is just small. So is UPS (not circular but about as wide as it is tall). So is Apple. Burger King did something interesting:



No, French fries on a sandwich are not the interesting part...We've been doing that for decades in Pittsburgh. What's interesting is that they place it inside the hero image. Because they've got awesome photographers, they can make sure their shots are set up so that there's nothing in the upper left to detract from the logo. But it definitely allows for a bigger logo that doesn't overpower because it's still small in relation to a huge picture of food that's right there.

Vote Up Vote Down

@Dunderdale640

There is a Linux Distro that has a logo that is also a circle. Ubuntu's logo is a circle that has a "Circle of Friends" inside of it. They shrunk their logo, and put it in place of where you might expect to see a "Trade Mark" symbol at the top right corner of their name. They do have alterations of their "Logo" and this is one of them. To see the variations of the logos go to design.ubuntu.com/brand/ubuntu-logo It also features how they allocated the logo. This may give you an idea for design, if they are not too conservative on what they want it to look like. Otherwise I would suggest making a banner with the logo on it, and using it as the website's header.

Vote Up Vote Down