Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

🎨🤖 Create a logo #67

Closed
gr2m opened this issue May 5, 2018 · 12 comments
Closed

🎨🤖 Create a logo #67

gr2m opened this issue May 5, 2018 · 12 comments

Comments

@gr2m
Copy link
Collaborator

gr2m commented May 5, 2018

The current avatar of the WIP app was meant as a placeholder. Now that it’s quite popular it would be nice if we could create a proper logo for it.

I am not good at this :D But I thought maybe we could manage to make some kind of combination of a
🤖 robot head and the letters WIP that create a face

wip logo

But hey I’m open to suggestions.

I’ll give full credit for the logo in the repository’s README and would also donate $50 in your honour to Rails Girls Summer of Code or similar initiatives.

@micahilbery
Copy link
Contributor

micahilbery commented May 7, 2018

Thoughts?
wip_bot_logo

@gr2m
Copy link
Collaborator Author

gr2m commented May 7, 2018

Cuuuute! Love how playful it is :) Thank you so much for putting it together Micah!

One challenge is to make it look great at 20x20 pixels. Sorry I should have mentioned it above. A bigger version with more details is still needed for the README, GitHub Apps page etc

Here is how the current logo would look like among the other status checks

wip-preview

Here are suggestions, but I trust your assessment very much, so please don’t take any of it as a must, these are just ideas from a non-designer

  • remove the white space to fill out the whole image as much as possible
  • I like the warm colors, but maybe Increase the contrast?
  • Maybe add robot-ears? Sth like this maybe?
  • Maybe make the head more like a rectangle
  • Maybe make the head a little less high and more wide so there is more space for the letters?
  • Maybe you could try to remove the move altogether to make it less high, similar to this logo?

@micahilbery
Copy link
Contributor

micahilbery commented May 7, 2018

wip_bot_logo

  • Adjusted colors for higher contrast.
  • Added ears.
  • Smushed it's head down a bit and made it slightly more rectangular.
  • Made letters slightly bigger.
  • I tried removing the mouth but it looked less cute and kinda creepy.

At 20x20px:
wip_bot_logo_20px

not sure how the smaller one works on github. If it's something where you can set that independently I can make a custom smaller image instead of scaling down a large one.

@gr2m
Copy link
Collaborator Author

gr2m commented May 7, 2018

Thanks @micahilbery, this looks great!

not sure how the smaller one works on github

It’s being scaled down unfortunately, we cannot upload different versions for different resolutions.

The current image is 512x458 if I see it right, so there is some whitespace on top/bottom. I wonder if could use that to make the antenna taller as well as the letter W & P around it? I think they are currently quite hard to read on the scaled down version.

Maybe we could try to fill out the letters instead of the outline?

@micahilbery
Copy link
Contributor

wip_bot_logo

  • Made the antenna slightly longer
  • Tweaked the letters, removed outline, and made them bigger.
    at 20px:
    20px

@gr2m
Copy link
Collaborator Author

gr2m commented May 8, 2018

Love it ❤️

Could you pleas send a pull request adding the logo to the assets folder, ideally in different formats? I’ll amend the PR to give you credit in the README :)

@micahilbery
Copy link
Contributor

@gr2m For sure! What all would you like it as? I made it as an SVG and can easily export it to just about anything.

@gr2m
Copy link
Collaborator Author

gr2m commented May 8, 2018

I think an SVG and a PNG like the one above (without the whitespace on right and bottom if possible) would be great :) Thank you thank you thank you

@jbialy
Copy link

jbialy commented May 8, 2018

Great new logo! 🤖

@gr2m
Copy link
Collaborator Author

gr2m commented May 8, 2018

done via #69

@gr2m gr2m closed this as completed May 8, 2018
@gr2m gr2m mentioned this issue Jul 23, 2018
@gr2m
Copy link
Collaborator Author

gr2m commented Nov 14, 2018

Hey @micahilbery, I had an idea and would love to hear what you think.

The WIP app now looks the contruction emoji (:construction:) besides the term "WIP" in pull request titles.

I wonder if we could maybe try to change the colors so it would somewhat match the colors from the construction emoji?

image

Just a thought :)

@micahilbery
Copy link
Contributor

@gr2m I have submitted a PR with the recolor. Unfortunately GitHub doesn't allow me to add images to comments anymore 🤷‍♂️ so I couldn't give a preview here.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants