Logo for @intenttoship Twitter account

autonome commented 7 years ago

Goal:

The intenttoship Twitter account will automatically tweet any time Gecko or Blink announces a new feature shipping in their web engines.

I would like a logo and background image for that Twitter account 😀

Info:

https://twitter.com/intenttoship

Style Information:

Here are some reference designs related to generally-web-like things, and both of the rendering engines

http://www.webstandards.org/ https://www.w3.org/ http://webfoundation.org/ https://developer.mozilla.org/en-US/docs/Mozilla/Gecko http://www.chromium.org/blink

Deadline:

No hurry!

Tag:

[Design Needed]

andrralv commented 7 years ago

Here's a first try for the logo: image

It's a simple logo, the concept is that colors correspond to an alert or notification. Let me know if you need a vector or SVG file, if you intend to use it.

autonome commented 7 years ago

Hi André, thanks for the design! I specifically want something that conveys "web" not a specific browser. This idea is that this isn't about Firefox, this is about web developers knowing what's coming soon to all the browsers.

On Fri, Dec 30, 2016 at 6:41 AM André Rodriguez notifications@github.com wrote:

Here's a first try for the logo: image http://i.imgur.com/I2y1Juu.png

It's a simple logo, the concept is that colors correspond to an alert or notification.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/mozilla/OpenDesign/issues/91#issuecomment-269778775, or mute the thread https://github.com/notifications/unsubscribe-auth/AADDt8I32IXvatXa_kHIq_K_yfD__In8ks5rNRgHgaJpZM4LJTds .

elioqoshi commented 7 years ago

@parag9d you have time for a proposal for this?

barrosgeraldo commented 7 years ago

@autonome do you still need this logo?

autonome commented 7 years ago

I'd love a better logo, yes :D

On Thu, Jul 20, 2017 at 7:29 AM Geraldo Barros notifications@github.com wrote:

@autonome https://github.com/autonome do you still need this logo?

— You are receiving this because you were mentioned.

Reply to this email directly, view it on GitHub https://github.com/mozilla/OpenDesign/issues/91#issuecomment-316550261, or mute the thread https://github.com/notifications/unsubscribe-auth/AADDtyWxW5auOMC78YzEmarMNVRtp1bLks5sPpFygaJpZM4LJTds .

elioqoshi commented 7 years ago

Revitalizing this, very sorry about that, we are spread too thin.

AnXh3L0 commented 7 years ago

Hi @autonome, I created an icon and a header image for the twitter account. Have a look below, comments are welcome :)

header_twitter twitter_icon

autonome commented 7 years ago

Thanks @AnXh3L0!

I love the strong lines and strong contrast. Style and visual design aesthetic is excellent, nothing to change.

From a content perspective, I'd like to change one major thing:

This design tells a visual story that says "Chrome and Mozilla".

This isn't really correct - if the project was about only two engines, the design would either be Google/Mozilla, Chrome/Firefox, Blink/Gecko. The project is about all the engines - right now I've got Gecko, Blink, Webkit and Edge support.

So what I'd like the design to visually convey is "New features and changes in all the engines that run the web".

I'm totally fine with having zero logos at all, or all four logos (though it might need to scale in the future!).

Is that enough info for a revision?

Thanks again for helping out with this!

AnXh3L0 commented 7 years ago

Thanks for the feedback @autonome. Reading the original issue posted it said Gecko/Blink, that's why I thought it was just for two engines, but I will have a look into it and create something else :)

AnXh3L0 commented 7 years ago

Here are the new files @autonome, have a look.

header icon

You can download and use them directly in Twitter, they are the exact size for that social media.

autonome commented 7 years ago

Yessss, this is excellent, thanks so much! +1 on the concept, and thanks for continuing the designhacking on this :D

A few more tweaks I'd like like try out:

Can you reduce the visual noise a bit by removing the inner circles noted on the screenshot below?
Can you expand the gear and globe size to fill more of the space?
Can you tweak the shape of the continents in the globe a bit? A bit more definition would be reduce visual ambiguity, making the shape more instantly visually recognizable as earth.
Can you make a version with only one motion line on each side?

autonome commented 7 years ago

Also, as the main purpose will be icons - most people see it through tweets, can you drop a few icon sizes in so we can see how it works when far smaller?

elioqoshi commented 7 years ago

@autonome updated this here. Here is it how it looks on Twitter:

autonome commented 7 years ago

Cool, thanks for the changes Elio! This is almost where it needs to be.

Can you remove the belts that extend to the edges? The prior version didn't have those, and I thought it was cleaner and visually stronger that way. I think they're more noisy (and also make the viewer start wondering exactly what kind of engine this is!).
I think the globe change is good, but I'd rather not have it prefer any continent over another. Fake continents are fine, I'd just like a bit more definition to them (as you did here with smaller crisper edge lines), so they are less blob-like.

elioqoshi commented 7 years ago

@autonome is this what you had in mind?

autonome commented 7 years ago

YES! The only tweaks I see are:

Playing with the line weights to see how thinner lines overall effect the feel
Comparing against a version that expands globe and gear to fill more of the space

But honestly, I'd ship this as-is and be ok. Thanks so much to both of you :D

On Tue, Nov 14, 2017 at 10:04 PM Elio Qoshi notifications@github.com wrote:

@autonome https://github.com/autonome is this what you had in mind?

[image: image] https://user-images.githubusercontent.com/5436686/32786886-6be21a30-c955-11e7-9945-ce6bce6e01f8.png

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/mozilla/OpenDesign/issues/91#issuecomment-344286711, or mute the thread https://github.com/notifications/unsubscribe-auth/AADDt4nXJKgXr2v7XCFuFczxYAfN0cPjks5s2avkgaJpZM4LJTds .

AnXh3L0 commented 7 years ago

Maybe something like this @autonome?

header2

icon2

autonome commented 7 years ago

Yes, that's fantastic. Thanks @AnXh3L0 😍

elioqoshi commented 7 years ago

Fantastic @AnXh3L0! Can you push these to the repo please?

AnXh3L0 commented 7 years ago

Sure @elioqoshi. Here they are: https://github.com/mozilla/OpenDesign/tree/master/2017/Graphics/Intent_to_ship_Twitter

elioqoshi commented 7 years ago

@autonome I guess we can close this, thanks for your patience!

autonome commented 7 years ago

Thanks y'all, I really appreciate your work on this 👍

On Wed, Nov 15, 2017, 17:22 Elio Qoshi notifications@github.com wrote:

Closed #91 https://github.com/mozilla/OpenDesign/issues/91.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/mozilla/OpenDesign/issues/91#event-1342587990, or mute the thread https://github.com/notifications/unsubscribe-auth/AADDt4zIt9aZIKxY-gStWktzlft-28YOks5s2q1agaJpZM4LJTds .

mozilla / OpenDesign