Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

Design

How can a Mixed Logo be good if it's not scalable?

In the 'logo design basics' course, Matt Helme says a great logo must be scalable. If that's true, how can a mixed logo (combining a mark and type lockup together) be scalable? For example, he says a good logo can scale from a 16px by 16px favicon to a 30m billboard, and if your logo has text and a symbol combined together as one whole logo, it won't look nice on a 16px by 16px favicon, so how can you make mixed logos scalable?

2 Answers

Steven Parker
Steven Parker
215,939 Points

If the text and image are both vector-based, why would they not be scalable?

Juan Ferreras
Juan Ferreras
28,028 Points

Ken, That's a pretty good question. It's not a law that it needs to scale down as much as 16px; fact is, in general, the brand guidelines should give you the lower limit you can scale down a logo without compromising its integrity which will vary depending on every brand. You may have different elements with enough identity that can solely represent your brand as well. Picture the Nike swoosh logo, it can stand alone and identify Nike, however, others forms may include the wordmark 'NIKE' as well.

It's important to make sure your brand stays flexible enough to adapt to the different places it needs to be portrayed, doesn't matter whether is the exact same shape and format of the logo or some alternative.

For some further illustration, please refer to this link and start playing with the width of your browser.

Cheers!