Fix logo for QUnit (font inconsistency) #222

Closed
Krinkle opened this Issue Mar 22, 2012 · 25 comments

Projects

None yet

5 participants

@Krinkle
jQuery Foundation member

QUnit has had a jQuery-style logo as icon for a long time now, that's OK. But I couldn't find any with the correct text and perhaps tag line. The first time I saw the name composed next to it was on the new website, but that looks out of place:

jQuery logo jQuery Mobile logo

jQuery UI logo

QUnit logo

Would be nice if someone could create a Vector graphic with the QUnit name next to it in the right font. And some kind of tagline perhaps, not sure if there is one (or just leave it off..).

@scottjehl

Hmm. The jQuery logotype was hand-drawn, but it's loosely based on a free typeface called Quagmire. The lines were all redrawn to be more horizontal and consistent. Wouldn't take too long for someone to do the same for the QUnit letters... http://fontzone.net/font-details/Quagmire-BoldItalic/

@zrmccarthy

Disregard the above file, I'm working on a different version at the moment with a few variations.

As far as a tagline, is there anything you had in mind? Possibly "Javascript Test Suite"?

@Krinkle
jQuery Foundation member

I'm not sure what tag line to use, but not "JavaScript Test Suite". Because it's not a "test suite". People create test suites with QUnit. QUnit itself is a "unit test framework".

@zrmccarthy

Here's the file: http://dl.dropbox.com/u/70675040/Qunit.ai

There's a few variations of the logo...having the Q and U at the same size looks a bit off to me so I played around with various other sizes. I also tried stylizing the Q to seperate it from Unit, because when they are at the same size it tends to read as "QU". The bottom one includes a tagline.

@gnarf
jQuery Foundation member

As much as I appreciate the illustrator file, can you include a quick screen grab of it rasterized also for those of us without the adobe suite on our computers? :)

@gnarf
jQuery Foundation member

Random Idea: what happens if you just steal the "Qu" part/sizing of jQuery in it's logo and then in the text next to it make it QUnit -- it might feel better? -- j[QUnit]ery?

@jzaefferer
jQuery Foundation member

+1 on providing pixels

@Krinkle
jQuery Foundation member
@gnarf
jQuery Foundation member

Disclaimer: IANAD - That last one looks most promising, try the "sizing" from the j[Qu]ery logo and maybe play with the bar on the t and the dot on the i and line em up with the top bar on the n? I'll let someone else throw in feedback tho :)

@jzaefferer
jQuery Foundation member

How about just "unit testing" for the tag line?

@zrmccarthy

Here's a few more (As a PNG):

png

1.) Made all letters have the same weight for capitals and lowercase.

2.) Different tagline and extended "t"

3.) All lowercase "unit" with size relation similar to the jQuery logo

4.) "Qu" in logo in a slightly different size (I think this relationship looks better)

As far as have the dot of the "i" and the top of "t" lining up with the top of the "n", the t and i are ascenders and would look very strange if it was the same height as the n.

@jzaefferer
jQuery Foundation member

I originally suggested in IRC "JavaScript unit testing" as the tag line. The "JavaScript" part may seem redundant, but suggests the independence from jQuery. Its a jQuery project, but doesn't depend on the code.

I lke 1.) - could you try the other tag line for that?

@Krinkle
jQuery Foundation member
@jzaefferer
jQuery Foundation member

Looks great!

@zrmccarthy

Here is the full size PNG, with transparent BG: http://dl.dropbox.com/u/70675040/Qunit_(F).png

Here is a smaller one at 203px X 60px:http://dl.dropbox.com/u/70675040/Qunit_(F)_Small.png

I can upload the .ai file if you need it.

@jzaefferer
jQuery Foundation member

Yeah, please upload that as well. Thanks so much!

@jzaefferer
jQuery Foundation member

Not quite live yet, but will be there pretty soon. Blocked by infrastructure issue thats tracked elsewhere, so closing this.

@jzaefferer jzaefferer closed this Jul 21, 2012
@jzaefferer jzaefferer reopened this Jul 25, 2012
@jzaefferer
jQuery Foundation member

@zrmccarthy could you updated the 203x60 one? The anti-aliasing on the "QUnit" part doesn't look as good as it should: http://qunitjs.com/

@zrmccarthy

Here's an updated one: http://dl.dropbox.com/u/70675040/Qunit_Fixed.png

The anti-aliasing is fixed, and I bumped up the color and size of the tagline because it is difficult to read as is on the site.

@jzaefferer
jQuery Foundation member

Thanks, updated that on the site: http://qunitjs.com/
Looks a lot better. Could you update the ai file once more?

Would also be great to get the favicon.

@zrmccarthy

http://dl.dropbox.com/u/70675040/Qunit_Fixed.ai

No problem, working on the favicon, I'll post it in the other thread when it's finished.

@jzaefferer
jQuery Foundation member

Great, thanks.

@jzaefferer jzaefferer closed this Jul 26, 2012
@scottgonzalez scottgonzalez referenced this issue in jquery/jquery.org Mar 16, 2013
Closed

Update logos on about page #5

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment