I'd like to contribute branding #640

Closed
juliankrispel opened this Issue Dec 13, 2014 · 62 comments

Projects

None yet

7 participants

@juliankrispel

Hi. I'm a designer, frontend developer and windows user. Without chocolatey my life would be a lot harder so thank you!

I sometimes offer free branding services to projects I really like.

I'd love to do contribute branding to chocolatey. Let me know if you'd approve.

Cheers!

Julian

@ferventcoder
Member

I think this would be awesome! I am working on a CLA that would be required
for us to take something like this in, but if that is fine with you, then
sweet!

On Saturday, December 13, 2014, Julian Krispel-Samsel <
notifications@github.com> wrote:

Hi. I'm a designer, frontend developer and windows user. Without
chocolatey my life would be a lot harder so thank you!

I sometimes offer free branding services to projects
http://clojurecup.com I really like
omcljs/om#215.

I'd love to do contribute branding to chocolatey. Let me know if you'd
approve.

Cheers!

Julian


Reply to this email directly or view it on GitHub
#640.

Rob
"Be passionate in all you do"

http://devlicio.us/blogs/rob_reynolds
http://ferventcoder.com
http://twitter.com/ferventcoder

@juliankrispel

Awesome! CLA? As in Copyright Licensing Agreement or sth like that?

On 13 Dec 2014, at 15:23, Rob Reynolds notifications@github.com wrote:

I think this would be awesome! I am working on a CLA that would be required
for us to take something like this in, but if that is fine with you, then
sweet!

On Saturday, December 13, 2014, Julian Krispel-Samsel <
notifications@github.com> wrote:

Hi. I'm a designer, frontend developer and windows user. Without
chocolatey my life would be a lot harder so thank you!

I sometimes offer free branding services to projects
http://clojurecup.com I really like
omcljs/om#215.

I'd love to do contribute branding to chocolatey. Let me know if you'd
approve.

Cheers!

Julian


Reply to this email directly or view it on GitHub
#640.

Rob
"Be passionate in all you do"

http://devlicio.us/blogs/rob_reynolds
http://ferventcoder.com
http://twitter.com/ferventcoder

Reply to this email directly or view it on GitHub.

@ferventcoder
Member

Yes. Something like that :)

On Saturday, December 13, 2014, Julian Krispel-Samsel <
notifications@github.com> wrote:

Awesome! CLA? As in Copyright Licensing Agreement or sth like that?

On 13 Dec 2014, at 15:23, Rob Reynolds <notifications@github.com
javascript:_e(%7B%7D,'cvml','notifications@github.com');> wrote:

I think this would be awesome! I am working on a CLA that would be
required
for us to take something like this in, but if that is fine with you,
then
sweet!

On Saturday, December 13, 2014, Julian Krispel-Samsel <
notifications@github.com
javascript:_e(%7B%7D,'cvml','notifications@github.com');> wrote:

Hi. I'm a designer, frontend developer and windows user. Without
chocolatey my life would be a lot harder so thank you!

I sometimes offer free branding services to projects
http://clojurecup.com I really like
omcljs/om#215.

I'd love to do contribute branding to chocolatey. Let me know if you'd
approve.

Cheers!

Julian


Reply to this email directly or view it on GitHub
#640.

Rob
"Be passionate in all you do"

http://devlicio.us/blogs/rob_reynolds
http://ferventcoder.com
http://twitter.com/ferventcoder

Reply to this email directly or view it on GitHub.


Reply to this email directly or view it on GitHub
#640 (comment)
.

Rob
"Be passionate in all you do"

http://devlicio.us/blogs/rob_reynolds
http://ferventcoder.com
http://twitter.com/ferventcoder

@juliankrispel

Ok that's cool! Right, I'll get to work then :)

@gep13
Member
gep13 commented Dec 13, 2014

@juliankrispel thanks for the offer of a contribution! ChocolateyGUI would welcome any assistance you can provide as well :-) https://github.com/chocolatey/ChocolateyGUI

@juliankrispel

Awesome! I'll have a look!

On 13 Dec 2014, at 16:17, Gary Ewan Park notifications@github.com wrote:

@juliankrispel thanks for the offer of a contribution! ChocolateyGUI would welcome any assistance you can provide as well :-) https://github.com/chocolatey/ChocolateyGUI


Reply to this email directly or view it on GitHub.

@juliankrispel

Right, I'm back in action after a long christmas break. Here are some first ideas.

Personally I'm not settled on anything yet, want to try out some other ideas, but please let me know your thoughts, it's your product after all.

image
image

@gep13
Member
gep13 commented Jan 14, 2015

Noice! Of the two, I think I prefer the top one :-)

What do you think @ferventcoder ?

The one thing I would say is that it does sort of remind me of the Commodore 64 logo.

@rismoney
Member

Can you describe some of the design choices? I would like to understand the intent. Any hidden aspects like http://lov5-77.diply.com/love-eat/30-famous-logos-that-have-a-hidden-message/51404

@juliankrispel

@gep13 good point. it does look a little like the commodore logo.

here's a revised version. I also just did a whole bunch of other versions, will upload them in a sec.

@rismoney other than having a windows drive letter on a stylized candybar there isn't really much extra meaning there, or hidden meaning.

image

@rismoney
Member

Ahh that's really interesting. My thought was that it was a play on packaging. I didn't realize it was chocolate :). I thought it was a box. I really like it. But would a transparent (no background) be the usage or would everything go yellowy?

@juliankrispel

@rismoney helpful feedback thanks. I had a feeling it might be too stylized to be recognizable.

So another idea I've had was to take it a step further and make it look a lot more like a chocolate bar brand.

So the first thing I did was to hand-letter the name in a curvy, indulgent kind of style, not to far removed from brands like catbury.

image

And then I played around with some varieties in different colours and different sizes. I think that could work quite well:

image

image

image

image

image

image

@ferventcoder
Member

Interesting. I'm really impressed with that latest design. It has less of a blocky feel.

Some things I like:

  • It captures the essence of a package that is being unwrapped to get to the inside, it's what's inside the package that counts.
  • The design is smooth. This signifies the process is a smooth transition from one state to another.
  • It's simple but not over simplistic. This signifies another essence of choco. A tool that is super simple to use and create packages with.
  • I think you are really starting to capture the essence of Chocolatey (as I described above).

Some things I'd like you to keep thinking about:

  • It should show a transition of moving from non-real to very real in a sense that you go from a concept of "choco install" to having real software on your machine.
  • I'm not in love with the package wrapper color. Would prefer some contrast between the chocolatey goodness in the wrapper but somewhat darker on the wrapping. Should still really stand out against a black background.
  • I'm not sure about the skew. It's interesting and I think I'm starting to like it, but trying to determine if it adds or takes away from the design. I think it adds but I'm still chewing on it a bit.

For the packages themselves, I feel that this design would be too much/too long. So perhaps an icon that is necessary as well. Some key points for an icon:

  • It should be square.
  • Still captures the essence of unwrapping a package to get to the goodness inside.
  • Is simple but not over-simplistic.
  • No letters, numbers or words. Should stand out as an icon alone.
  • Looks good at 16x16 all the way up to 512x512.
  • Maybe the current icon captures that already?
@ferventcoder
Member

updated my last set of comments a bit. @juliankrispel This is looking really good!

@rismoney
Member

I couldn't agree more with @ferventcoder comments.

Q: Is the chocolate candy wrapper too much. In other words does it not go too faraway from a computer thing to a candy bar, leaving nothing behind? I see why you showed us the squared off 1 first as I think I am warming up to the 1st one, but I think the ":" colon is not needed. choco will go well beyond windows

@juliankrispel

@rismoney thanks I didn't know that there are plans for chocolatey on other platforms.

In answer to your question. From my experience branding doesn't have to be literal in a sense that it depicts the thing that it stands for i.e. machine package managing. It can be metaphorical. In fact the name 'chocolatey' already does exactly that, it's a metaphor for packaging/wrapping/containing software.

@juliankrispel

@ferventcoder thanks for your extensive feedback, super helpful.

So firstly I should have been a little bit clearer. The big chocolate bar with wrapping isn't really a logo in the traditional sense that it works in all sizes. It's more like a treatment of the logo, an illustration.

The idea is that you can represent your brand in different ways as long as you keep some similarities that make it identifiable. Different versions for different purposes. A large one with more detail could be used for display purposes like the header of a homepage or an ad, or a tshirt, or something like that.

And a smaller version would then be used for such things as favicons, app icons (like the gui) etc. I've included icons in my last post but here are another couple of treatments, in different sizes:

image

image

@gep13
Member
gep13 commented Jan 15, 2015

I quite like this one:

image

@juliankrispel

Excellent! Looking at it on my phone I guess I would need to improve the contrast of it

On 15 Jan 2015, at 19:42, Gary Ewan Park notifications@github.com wrote:

I quite like this one:


Reply to this email directly or view it on GitHub.

@ferventcoder
Member

Make the C white?

@mwrock
Member
mwrock commented Jan 15, 2015

I really like what @juliankrispel is doing here. Even with the goal of running choco on different platforms I like the c: . My guess is that choco will largely be the package manager for Windows apps regardless from where you use it and the c: Drives home that distinction.

@juliankrispel

Here you go

image

Right, my next step is to make some compositions that show how these would look in use. Before I go there I'd like to nail the colour of the wrapping. Any suggestions? Also, any further comments on what I've done so far @ferventcoder? Take your time I probably won't get to it until next week, got to do some paid work hehe :)

@juliankrispel

also a decision on wether or not the colon behind the c is appropriate is called for. So far I count one vote for it and one against it. But ultimately I guess this should be the owners decision @ferventcoder.

@rismoney
Member

I was not against it. I was inquiring. I actually really like all the work you have done and have to express sincere kudos for your hard work and volunteering. My hope for whatever logo that is chosen is that it represents choco to where its goodness becomes synomous with all the good people involved including you @juliankrispel.

@juliankrispel

@rismoney very kind words much appreciated thank you!

Just so you know I didn't take any offence. Doing branding work for a couple of years really helped me learn to not be too attached to my own work. I appreciate the feedback that all of you have given, in fact I rely on it. Wether negative or positive, without feedback I'm flying blind.

I think the small logo works with or without the colon, so although I sway towards the colon, I don't think it makes or breaks the graphic.

The thought behind the colon was that it adds a tiny bit of extra meaning to it. I liked the coincidence that the first letter of the product name is also the first windows drive letter. And a drive letter followed by a colon is significantly windows. I get a little sentimental when I see a C: it takes me back to launching Decent from my MSDOS on my first PC.

image

@rismoney
Member

Agree.

c:\>ocalatey ftw! :)
@AnneTheAgile

@juliankrispel , I love all your renditions! Your pictures with the post "The idea is that you can represent your brand in different ways as long as you keep some similarities that make it identifiable." really seem gorgeous to me and very unified.

I vote to keep the colon on the small ones and keep the non-colon, willy womka style on the big ones. Though traditionally I'd say small logos shouldn't "make you think", in this case I believe though it does 'stop' me a bit, it gives a terrific 'ah hah'. So maybe on the front page you could have both big/small somewhere.

Also, later down the road if c:\ becomes obsolete/unfashionable, the colon could be dropped with ease.

@ferventcoder
Member

@juliankrispel can you render the last image with a colon so we can get a side by side? #640 (comment)

@ferventcoder
Member

@juliankrispel color of the wrapping - The lighter color on https://chocolatey.org
image

@juliankrispel

thanks @AnneTheAgile. Very encouraging!

@ferventcoder first regarding the colour choice, number one below is using the chocolatey light brown. To quickly get some variety, I headed over to Adobe Color and searched for colour schemes related to chocolate. Then I picked some of them, the results are below. Personally, I think there are better ones than number 1 in there. What do you think?

image

image

image

@mwrock
Member
mwrock commented Jan 21, 2015

Awesome work! I like 8 the most.

@gep13
Member
gep13 commented Jan 21, 2015

Wow, these are really good! Great work @juliankrispel Personally, I also like 8 a lot, but I keep coming back to normal 6 as well. I really like the colours, although I appreciate they are completely different to what we have now 😸

@rismoney
Member

going to agree with @gep13 6 pops against the black background and the letters have a transparent magic quality. I didn't notice this before, but I also love the near symmetry afforded by the C and the Y.
It certainly has a richness!

@juliankrispel

Thanks guys! Personally I think both 6 and 8 are good choices.

Also @ferventcoder here are the two side by side

image

And here are some more variations on that icon-size, but with the packaging theme retained:

image

@juliankrispel

And here are the beginnings of an accompanying redesign of the website, in those two colour schemes. This is really only just kicking it off, there are so many paths to explore in that area as well. Of course as always feedback is welcome.

image
image
image

@ferventcoder If I'm going to far here at all let me know, also if you do want to discuss any of this outside of a github issue, feel free to ping me on skype or such, I'm julian[dot]krispel on skype

On a side note: I'm sick of the notion that mac apps always have better design, or that macs in general are much better for design. So one of my goals with this is to help reverse this trend a little.

@ferventcoder
Member

I missed mentioning it but I showed your designs to my wife and kids and they also preferred #8 then #6.

@ferventcoder
Member

We have plans for a redesign of the site - chocolatey/chocolatey.org#149 - your last image fits right in there, although some of that will break out to other pages.

@ferventcoder
Member

I'm digging #8 with the white Chocolatey - I also like #6 quite a bit. With the icon I'm a fan of no colon. 1b with white C is also quite interesting.

@gep13
Member
gep13 commented Jan 25, 2015

With the icon I'm a fan of no colon. 1b with white C is also quite interesting.

Agreed, I like 1b because of the bevelled edge on the "wrapper" of the chocolate. No colon gets my vote as well.

@juliankrispel

colourscheme number #8 it is then. And 1b with no colon and a white c! I'll make a final round up of the identity now. The goal is to have a zip file with all assets one could possibly need, on and offline.

@ferventcoder All the better that the redoing of the website is already in motion. As you know, I'd like to contribute to that as well, so I'll continue to engage with the appropriate issue. I imagine that if you take care of the content I could just chime in with some CSS and html changes. If and when you feel comfortable working on this together, let me know :)

@ferventcoder
Member

@juliankrispel yes, Will get with you soon on some website changes...

@juliankrispel

@ferventcoder awesome thanks!

@ferventcoder
Member

Hi @juliankrispel - checking in. I noticed that the CLA I sent has still not been signed and would like to move forward.

@juliankrispel

Oh crap. Forgot about this. Will send tomorrow morning!

On Sat, May 16, 2015 at 8:54 PM, Rob Reynolds notifications@github.com
wrote:

Hi @juliankrispel https://github.com/juliankrispel - checking in. I
noticed that the CLA I sent has still not been signed and would like to
move forward.


Reply to this email directly or view it on GitHub
#640 (comment)
.

@ferventcoder
Member

Unfortunately I don't have the assets to work with this and Julian appears to be MIA (no email response, not sure if that means I'm falling into his spam folder or something).

So I'm attempting to recreate some of this.

Trying to recreate the font, I'm finding Hummingbird Pro similar to the font above:

image

Here are some other interesting fonts:

@ferventcoder
Member

Alternative font that looks really cool is Jolly Roger:

@ferventcoder
Member

Ganache (I already love the name):

Probably would track to -2 or -1 though.

@juliankrispel

Oh, so sorry give me an hour I'll upload all the files (for some reason I
imagined I already sent you everything, I didn't?)

On Wed, Mar 30, 2016 at 7:34 AM, Rob Reynolds notifications@github.com
wrote:

Ganache (I already love the name):

http://marketplace.veer.com/font/Ganache-UMT9002810?skeywords=script%20or%20handwriting [image:
image]
https://cloud.githubusercontent.com/assets/63502/14132777/178e2bce-f60f-11e5-8cdb-09b719e1d5f5.png


You are receiving this because you were mentioned.
Reply to this email directly or view it on GitHub
#640 (comment)

@gep13
Member
gep13 commented Mar 30, 2016

@ferventcoder I like the Jolly Roger Regular 👍

@gep13
Member
gep13 commented Mar 30, 2016

@juliankrispel thanks for getting back to us about this, really appreciate it! 😸

@juliankrispel

of course I wouldn't want all that work go to waste :)

On Wed, Mar 30, 2016 at 9:22 AM, Gary Ewan Park notifications@github.com
wrote:

@juliankrispel https://github.com/juliankrispel thanks for getting back
to us about this, really appreciate it! [image: 😸]


You are receiving this because you were mentioned.
Reply to this email directly or view it on GitHub
#640 (comment)

@ferventcoder
Member

Not sure what happened @juliankrispel - I've sent you about 4-5 emails over the last year with no response. I should have just came back here and mentioned so on GitHub as it appears my emails didn't reach you for some reason. :/

@juliankrispel

I am so sorry rob :( I think I remember receiving one and replying but I
was travelling and had the file somewhere else

Did I never send you that .ai file? I sort of imagine I did, but that could
just be it, my imagination

On Wed, Mar 30, 2016 at 2:11 PM, Rob Reynolds notifications@github.com
wrote:

Not sure what happened @juliankrispel https://github.com/juliankrispel

  • I've sent you about 4-5 emails over the last year with no response. I
    should have just came back here and mentioned so on GitHub as it appears my
    emails didn't reach you for some reason. :/


You are receiving this because you were mentioned.
Reply to this email directly or view it on GitHub
#640 (comment)

@ferventcoder
Member

I have the AI file but it is only has the assets from the very first part of this discussion. Nothing past #640 (comment)

@juliankrispel

oh ok, I'll upload all I have this afternoon!

On Wed, Mar 30, 2016 at 2:52 PM, Rob Reynolds notifications@github.com
wrote:

I have the AI file but it is only has the assets feom the very first part
of this discussion. Nothing past #640 (comment)
#640 (comment)


You are receiving this because you were mentioned.
Reply to this email directly or view it on GitHub
#640 (comment)

@juliankrispel

I honestly don't know what happened to these other emails that you've sent
me did you send them to julian [at] goodafternoon [dot] co ?

On Wed, Mar 30, 2016 at 2:53 PM, Julian Krispel-Samsel <
julian@goodafternoon.co> wrote:

oh ok, I'll upload all I have this afternoon!

On Wed, Mar 30, 2016 at 2:52 PM, Rob Reynolds notifications@github.com
wrote:

I have the AI file but it is only has the assets feom the very first part
of this discussion. Nothing past #640 (comment)
#640 (comment)


You are receiving this because you were mentioned.
Reply to this email directly or view it on GitHub
#640 (comment)

@ferventcoder
Member

I was not using that email (didn't know that one) and that was likely the problem. The email we were communicating on was your yahoo one (same as listed on your github profile).

@juliankrispel

Oh, that explains everything, sorry about that I should have added an
auto-answer there that I'm not 'really' using that one anymore :)

On Wed, Mar 30, 2016 at 2:57 PM, Rob Reynolds notifications@github.com
wrote:

I was not using that email (didn't know that one) and that was likely the
problem. The email we were communicating on was your yahoo one (same as
listed on your github profile).


You are receiving this because you were mentioned.
Reply to this email directly or view it on GitHub
#640 (comment)

@peterhuene

@juliankrispel Just saw this thread and wanted to say you're awesome for having contributed to this effort 👍

@juliankrispel

thanks @peterhuene I'm very excited to be part of this project again and am looking forward to seeing the design in action on chocolatey :)

@ferventcoder ferventcoder self-assigned this Jul 18, 2016
@ferventcoder
Member

This is done. Super awesome logo...

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