webcompat / webcompat-reporter-extensions

Browser extensions to help report site compatibilty issues.
26 stars 21 forks source link

Add new icons #80

Open miketaylr opened 6 years ago

miketaylr commented 6 years ago

From redesign.

miketaylr commented 6 years ago

But let's wait for the redesign to land, so we're not confusing branding or whatever.

I suppose https://github.com/webcompat/webcompat.com/issues/2017 is as good as any issue to track for that!

miketaylr commented 6 years ago

But let's wait for the redesign to land, so we're not confusing branding or whatever.

Actually, someone should be able to work on this now, and we'll just merge when ready!

ncarbon commented 6 years ago

Is someone else working on the design of the icons?

miketaylr commented 6 years ago

Is someone else working on the design of the icons?

Oops. I should have linked to them: https://github.com/webcompat/webcompat.com/tree/refactor/webcompat/static/favicon

@zoepage I looked quickly at the design repo but couldn't find a folder of icons. Is there one?

ncarbon commented 6 years ago

@miketaylr there is this icons folder under img folder, is this the one? https://github.com/webcompat/webcompat.com/tree/refactor/webcompat/static/img/svg/icons

ncarbon commented 6 years ago

I think this is the only issue that's available right now. I'd like to work on this :)

miketaylr commented 6 years ago

@miketaylr there is this icons folder under img folder, is this the one?

I don't think that's the one, we want to use the favicon-ish ones, like https://github.com/webcompat/webcompat.com/blob/refactor/webcompat/static/favicon/apple-touch-icon-180x180.png. But possibly there's a source file that @zoepage can point us at.

zoepage commented 6 years ago

Is this what you are looking for? https://github.com/webcompat/design/tree/master/archive/logos

ncarbon commented 6 years ago

@miketaylr @zoepage Sorry if this sounds like an obvious question but, how do I know their sizes? (default sizes: 32, 64, 128, etc) 😅

zoepage commented 6 years ago

@ncarbon that is actually a very good question! 😅

Looks like you can find the icons that need replacement here (including sizes): https://github.com/webcompat/webcompat-reporter-extensions/tree/master/shared

Or am I misunderstanding your question? :)

miketaylr commented 6 years ago

Sorry if this sounds like an obvious question but, how do I know their sizes? (default sizes: 32, 64, 128, etc)

@ncarbon yep! @zoepage is correct, we want to have a 32x32px (and... 48px, 64px, 128px) icon to replace the existing ones in https://github.com/webcompat/webcompat-reporter-extensions/tree/master/shared.

I would recommend downloading sketch: https://www.sketchapp.com/ (there's a 30 day trial) and opening the sketch file in that directory, and learn how to export them at the desired sizes. Let me know if you get stuck!

(sorry to be so delayed in responding, have been on PTO)

ncarbon commented 6 years ago

@miketaylr Got it. Is "Logo Black on Gold" the one we want for the browser extensions?

miketaylr commented 6 years ago

@ncarbon yep!