Last Comment Bug 689261 - Design logo for
: Design logo for
Product: Marketing
Classification: Other
Component: Design (show other bugs)
: unspecified
: All All
-- normal (vote)
: ---
Assigned To: MT
Depends on:
  Show dependency treegraph
Reported: 2011-09-26 13:08 PDT by Ralph Giles (:rillian) | needinfo me
Modified: 2012-05-25 09:26 PDT (History)
12 users (show)
See Also:
Due Date:
QA Whiteboard:
Iteration: ---
Points: ---

Sean's mockup (33.74 KB, image/png)
2011-10-27 13:57 PDT, Ralph Giles (:rillian) | needinfo me
no flags Details
Koen's mockup (18.72 KB, image/png)
2011-10-27 13:59 PDT, Ralph Giles (:rillian) | needinfo me
no flags Details
Matt's mockup (10.39 KB, image/gif)
2012-05-23 10:30 PDT, MT
no flags Details
Matt's mockup 2 (6.97 KB, image/gif)
2012-05-23 13:07 PDT, MT
no flags Details
PDF version of Opus logo (3 colour variations) (52.68 KB, application/pdf)
2012-05-24 10:50 PDT, MT
no flags Details
Opus logo files - final version (926.17 KB, application/octet-stream)
2012-05-24 12:55 PDT, MT
no flags Details
tarball of the final design files (2.15 MB, application/x-gzip)
2012-05-24 14:01 PDT, Ralph Giles (:rillian) | needinfo me
no flags Details

Description User image Ralph Giles (:rillian) | needinfo me 2011-09-26 13:08:31 PDT
We're contributing to a new audio compression technology called "Opus" and we'd like to have a logo and other design materials to help brand the upcoming release.

This is co-development effort between Mozilla, Skype, Xiph.Org Foundation, and others, coordinated through, so it shouldn't feel like a Firefox thing.

While we want branding for the project effort, where a technology piece like a codec is concerned, the most important things to communicate are support and compatibility. So we'd like something small and iconic, which also works, or has a version in, black and white, so it can be used as a certification mark on devices.

The project website is

Distinguishing aspects of the Opus codec are: both speech and music (earlier codecs only do one or the other), chatting with your friends, real-time connection, open web, anyone can use it, interactivity.
Comment 1 User image Ralph Giles (:rillian) | needinfo me 2011-09-26 13:12:36 PDT
Some design input from the codec developers, to get things started:

Sites which contributed technology:
Comment 2 User image Timothy B. Terriberry (:derf) 2011-09-26 13:19:48 PDT
Another possibility is something like a headset for the O
(e.g., like, in conjunction with the eighth note for the p. Leaving the "us" in a normal font also has some nice connotations.
Comment 3 User image Jean-Marc Valin (:jmspeex) 2011-09-26 13:53:44 PDT
So far the best I managed to come up with is
Comment 4 User image Gregory Maxwell 2011-09-26 15:01:35 PDT
There is also:

(notions including the Op from whole and eighth nodes representing music and high and low latency, the ʊ IPA phoneme and the speech bubble representing speech, and the integral sign for integration.   This is all just random musing, no one is particularly married to any of these silly ideas… unfortunately they seem to clutter the mark)
Comment 5 User image John Slater 2011-10-03 11:16:48 PDT
Hey Ralph. Could you let us know what your desired timing is for this?
Comment 6 User image Ralph Giles (:rillian) | needinfo me 2011-10-03 13:44:54 PDT
The big release push comes with the publication of the draft specification, which is happening ASAP, but probably not before the end of the month. Much of the timing is out of our hands, but I'll be able to give two weeks notice or so on the real event.

I'd say the end of October is a good deadline for now.
Comment 7 User image Ralph Giles (:rillian) | needinfo me 2011-10-03 14:03:18 PDT
To clarify a bit, we'd like to have something in time for the next IETF meeting, November 13th. That would be a chance to familiarize the technical community with the new site.

We're unlikely to have RFC publication, and the associated public launch, until December, so there's a time for teaking things. However, there are a number of stakeholders who will want to review the design ideas, so I think we really need some ideas we can share in October to get the buy-in we want in time for launch.
Comment 8 User image John Slater 2011-10-06 23:36:04 PDT
Sean, are you cool with taking this (as discussed earlier in the week)?
Comment 9 User image Sean Martell 2011-10-18 15:14:33 PDT
Hey all,

Please review and let me know your thoughts.

Used the simple shape of the note and kept it clean and subtle.  I think it works very well!
Comment 10 User image Ralph Giles (:rillian) | needinfo me 2011-10-18 15:46:20 PDT
Thanks Sean. I like it. It does look very clean. I prefer he version on the left with the elipse. It looks more dynamic.

I do worry that it looks like Opus is just about music, and we're not communicating the chat/interactive aspects.
Comment 11 User image Jean-Marc Valin (:jmspeex) 2011-10-18 17:48:05 PDT
I'm also a bit concerned about the logo being a bit too oriented towards music. Otherwise, I like the general design of the ellipse+note on the left, but I feel like it's not really connected with the rest of the logo.
Comment 12 User image Sean Martell 2011-10-18 17:52:40 PDT
Thanks for the feedback!

Stay tuned for another round of creative soon.
Comment 13 User image Ben Schwartz 2011-10-18 18:53:19 PDT
I like this design a lot.  One of the things I like about it is that it naturally generates a small iconic logo for when there isn't room to spell out the name.

It would be nice if the small-icon version of the logo were still able to represent the "(voip/speech) + music hybrid" idea.
Comment 14 User image John Slater 2011-10-18 19:05:32 PDT
Hey guys. Great feedback on the logo...glad you like the initial direction.

Just to set expectations, we'll be able to do one more rev with Sean, but he has some pressing projects lined up after this so we won't be able to go much more beyond that.
Comment 15 User image Sean Martell 2011-10-21 12:56:30 PDT
Thanks all!

Here's another round making the shape more like a chat bubble:

Let me know what you think!
Comment 16 User image Ralph Giles (:rillian) | needinfo me 2011-10-21 13:18:43 PDT
The chat bubble is a brilliant idea!

I really like that as a way to combine the two ideas. I think it's too subtle though; the note is so stong it's hard to see the outline as a speech bubble. The version on the left is more successful here, I think, because it's using the note as negative space only on one side, but I like the solid feeling from the orientation of one on the right better, It feels more balanced.
Comment 17 User image Ben Schwartz 2011-10-21 21:34:09 PDT
Sean, the speech balloon + note thing is really genius.  I may be a bit slow, but it was too subtle for me to perceive clearly, even after being prompted by your description, so I whipped up a small mockup of a blatantly obvious version:
(I'm not an artist/designer; this is about the limit of my artistic ability.)

There's a tricky problem here of equalizing the emphasis/obviousness of "speech" and "music".  Overemphasizing music is not ideal, since Opus will mostly be marketed and used for VoIP and other speech applications (probably).
Comment 18 User image Ralph Giles (:rillian) | needinfo me 2011-10-27 13:57:40 PDT
Created attachment 570080 [details]
Sean's mockup

Attaching Sean's design from Comment 15 as a more permanent reference.
Comment 19 User image Ralph Giles (:rillian) | needinfo me 2011-10-27 13:59:28 PDT
Created attachment 570081 [details]
Koen's mockup

Another chat-bubble oriented design idea from Koen Vos at Skype.
Comment 20 User image Ralph Giles (:rillian) | needinfo me 2012-05-17 12:31:51 PDT
It's half a year later; the standards publishing gauntlet was longer than we thought. The Opus draft has passed working group last call and is making its way to the IETF editors over the next month or two, so we're spinning up our release marketing efforts again in expectation of publication in July.

Any more thoughts on the logo design?
Comment 21 User image Tara (musingt) 2012-05-21 14:26:40 PDT
Assigning over to Matt who will help us finish this with Sean's guidance.
Comment 22 User image MT 2012-05-22 06:49:28 PDT
Thanks Tara, I would be glad to lend a hand with this!

I've had a look at some of the previous logo examples here, just wondering if the ask is to build upon these ideas, or I should I be focusing on a completely new concept?

I can also loop in with Sean as suggested to see if he can give me any further insight.

Otherwise I am good to get started on this right away.

Comment 23 User image Ralph Giles (:rillian) | needinfo me 2012-05-22 09:18:17 PDT
Hi Matt, thanks for taking a look!

Depends on how much time you have, I guess. Xiph and Mozilla folks prefer the left-hand design from Sean's mockup so far, so we'd be happy with just a refinement of that. IIRC word from Skype was less positive, so we can look at new ideas as well.
Comment 24 User image MT 2012-05-23 10:28:58 PDT
No problem Ralph...I've had a bit of time to work out another option.  I took more of a minimalistic approach with this one, working in a subtle way to display a musical note and speech bubble together.  

I liked the natural note shape that the p makes which was mentioned early in this thread as a possible idea....thought I could mirror that subtle note shape into a stylized speech bubble shape, which is built from elements such as the O and the base of the P. 

The goal was to keep things minimal and subtle, hopefully it is not to subtle of an approach for you. 

Also, I have not been in touch with Sean as of yet in regards to this design as well as talks about a variation on his design. I am hoping to chat with him soon.
Comment 25 User image MT 2012-05-23 10:30:10 PDT
Created attachment 626495 [details]
Matt's mockup
Comment 26 User image Ralph Giles (:rillian) | needinfo me 2012-05-23 10:58:24 PDT
Thanks, Matt! Opinion among the devs is positive on your mockup. The text, especially, is an improvement. Really says "Audio Tech" to me.

I worry that without the text as an anchor, the icon by itself looks too much like a 'Q' and we'd loose the connection to 'opus' in those contexts.
Comment 27 User image MT 2012-05-23 11:38:20 PDT
Thanks for the feedback, I understand the concern with breaking up the two elements.  I can explore some other options for the icon part....I think the text is pretty neutral and will be able to work with other icons... I'll try some other ideas!
Comment 28 User image Gregory Maxwell 2012-05-23 11:45:09 PDT
I really like the icon—  It's a O and a P and a Note and a Speech bubble and a person with headphones.  ... but unfortunately it's also a Q. :(
Comment 29 User image Timothy B. Terriberry (:derf) 2012-05-23 11:46:44 PDT
Yes, I think the icon in this one is a definite improvement over the previous iteration.
Comment 30 User image MT 2012-05-23 13:06:50 PDT
Hi guys,

I've taken another stab at the previous Opus concept and focused on tweaking the icon. With this version I've kept some of the previous elements; the negative space note within the O shape, which as Gregory pointed out has a headphone look to it.  

The challenge was bringing in a way to represent the speech element...I thought other than using a speech bubble, perhaps using quotations could be a recognizable way to portray this. The quotations also double as sound waves flowing from the note/headphone...thought this could be a interesting way to tie the two together.

Please let me know how you feel about this version.
Comment 31 User image MT 2012-05-23 13:07:18 PDT
Created attachment 626569 [details]
Matt's mockup 2
Comment 32 User image Jean-Marc Valin (:jmspeex) 2012-05-23 13:22:06 PDT
I really like both of these new versions, though I'm not sure which one I prefer. Thanks for the really good work.
Comment 33 User image John Slater 2012-05-23 14:15:17 PDT
Nice work, thanks Matt.

Opus team, we need to proceed toward wrapping this one up so Matt can clear through a few other bugs on his list. Do you feel like the version in comment #31 is ready to go? If so, Matt can post the files and we'll be all set. If not, let's try to give him a list of actionable feedback so he can nail it in the next round.
Comment 34 User image Ralph Giles (:rillian) | needinfo me 2012-05-23 14:47:07 PDT
I don't really like the second one better than the first one. I was hoping we could see a third idea.
Comment 35 User image Timothy B. Terriberry (:derf) 2012-05-23 14:56:10 PDT
I think I like the version in comment 25 better than the one in comment 31. I'm not opposed to seeing a third idea, but I think that one is workable. What we're really waiting for is feedback from the Microsoft side of the team.
Comment 36 User image Ralph Giles (:rillian) | needinfo me 2012-05-24 09:49:11 PDT
Ok, we have a thumbs-up from the Microsoft side for Matt's first mock up, from comment 25. Let's go with that one.

Matt, if you can refine it a bit, we've had several comments that the 'puck' icon is too faint, at least for some media. Can you try increasing the contrast a, or play with shading?

I would also like to see how it looks in a black-on-white and white-on-black version for print and device silkscreens.
Comment 37 User image MT 2012-05-24 10:49:37 PDT
Great news!  

I've attached a PDF with 3 versions, including the original (with a darker contrast on the puck), a white on black and a black on white.  If everything looks okay with this round I can also provide the final Illustrator file with each of the versions.

Please let me know if the contrast on the puck is reading better. 

Comment 38 User image MT 2012-05-24 10:50:48 PDT
Created attachment 626876 [details]
PDF version of Opus logo (3 colour variations)
Comment 39 User image Ralph Giles (:rillian) | needinfo me 2012-05-24 11:19:14 PDT
Yes, the contrast reads better now. Thanks!

I was going to ask for optical correction on the note cutout in the puck, but I actually like it looking a little smaller. The gradient version also works on some darker backgrounds, so it's simpler not to tweak it.

I think we're ready for final files, if you're happy with it. Can you export SVG versions as well as the Illustrator originals? That would be helpful.
Comment 40 User image MT 2012-05-24 12:53:43 PDT
No problem!

I agree with you on the smaller note version, I think its more refined looking and reads better as a note...overall I am happy with the look of the logo, so unless there are any further requests, I have attached the final files zipped, including various SVGs, EPS' and the master Illustrator file.  

Please let me know if I can provide anything else.
Comment 41 User image MT 2012-05-24 12:55:03 PDT
Created attachment 626922 [details]
Opus logo files - final version
Comment 42 User image Jean-Marc Valin (:jmspeex) 2012-05-24 13:22:56 PDT
Thanks again, these look really good!
Comment 43 User image Ralph Giles (:rillian) | needinfo me 2012-05-24 14:01:09 PDT
Created attachment 626952 [details]
tarball of the final design files

This is the same set of files as Matt's final version, just arranged in a flat tar file.
Comment 44 User image Ralph Giles (:rillian) | needinfo me 2012-05-24 16:12:09 PDT
Thanks again, Matt. Logo's up on
Comment 45 User image MT 2012-05-25 08:12:07 PDT
Thanks for having me on board guys!
Comment 46 User image John Slater 2012-05-25 09:26:25 PDT
Nice work Matt!

Note You need to log in before you can comment on or make changes to this bug.