I would like to contribute some branding for Om #215

Closed
juliankrispel opened this Issue Jul 19, 2014 · 56 comments

Projects

None yet
@juliankrispel

Disclaimer: I'm only just getting into the ClojureScript world (from JavaScript) but it's all very exciting to me.

I'd like to contribute some design work to the Om project, in whatever form helps, whether it'd be a logo or website or both. Not sure if this is the best way to start this process but here you go. Let me know what you think and maybe we can figure out a way I can be useful, I'd very much like to be!

@dillonforrest

👍

@lenage
lenage commented Jul 20, 2014

👍

@halcyon
halcyon commented Jul 20, 2014

👍

@swannodette
Member

@juliankrispel I very much liked the work you did for the ClojureCup! Would love for Om to get a branding and design treatment. Perhaps the simplest approach is to do this work in the gh-pages branch?

@juliankrispel

@swannodette oohh that means a lot coming from you thanks!

That's what I thought, gh-pages. I'll start with the text in readme.md.

Fab!

@tapeinosyne

@juliankrispel If you would like external contributions, feel free to let me know. I had a half-baked logo which used the Devanagari symbol for “om” (ॐ) on an orange and red background, similarly to the “λ” on green and blue of the Clojure logo.

@wilkerlucio
Contributor

👍

@juliankrispel

@ndr-qef yeah I was thinking about using that symbol but then thought I might do something quirkier and I probably will. Feel free to post it in here though, every help helps! Thanks!

@juliankrispel

Right, I have a first incomplete draft of a website with a logo. It's very basic, but responsive > http://juliankrispel.github.io/om/

People probably will come to the site because they are looking to
A - Find out what Om is
B - Find out how to get started
C - Find Documentation
D - Find Examples

I'm currently trying to edit the text to better meet those requirements. Since I'm still pretty new to the project I welcome any help editing that text and such, @swannodette might have a better idea of what the website-copy should be? :)

Also, I was thinking of a documentation that is easy to consume, along the lines this

It'd probably be best if there was a build step that takes all writing and puts it into github pages and builds docs etc etc but I guess that can be figured out further down the line.

Ok, anyway, I'll stop rambling now, let me know what you think.

@abp
abp commented Jul 25, 2014

Looks quite nice to me already.

@wilkerlucio
Contributor

I like it 👍

@peeb
peeb commented Jul 25, 2014

Looks great!

@juliankrispel

thanks guys :)

@dillonforrest

@juliankrispel this is hot!! 🔥 👍

@ticean
ticean commented Jul 25, 2014

so hot.

@swannodette
Member

@juliankrispel this is a really great start! While I like the idea of a mascot of some kind I am wary of using something this figurative. Perhaps a more abstract logo of some kind is in order? I'm not a designer so I can't really suggest anything beyond exploring the possibilities around the sanskrit symbol, the lotus flower and the React logo.

As to the rest I love it - typography, colors, it's really great. I'm really looking forward to seeing where this goes! It's incredible and incredibly, incredibly appreciated.

@noprompt

@juliankrispel I'm in agreement with @swannodette doing something abstract with symbol. Maybe you could do something interesting with same geometric approach but with a lotus flower? It's an awesome start!

@juliankrispel

@swannodette no worries. It happens, people are very subjective about this kind of decision-making. I'll try to come up with something i.e. lotus flower (which has been done a couple of times tbh) that suits better. Now although the current logo is quite simple, a fair amount of work went into and to be honest I'm quite pleased with it. So before I go into exploring other routes, would you mind explaining why figurative doesn't work for you? The more you can say about why you do/don't want something the easier it is for me to align with your expectations.

Secondly, I haven't heard back from you about the comment I made about website copy?

@juliankrispel

@swanodette if you're happy to we could have a quick live-chat that should help. Might be a better way to talk about this. No pressure though!

On 25 Jul 2014, at 22:49, David Nolen notifications@github.com wrote:

@juliankrispel this is a really great start! While I like the idea of a mascot of some kind I am wary of using something this figurative. Perhaps a more abstract logo of some kind is in order? I'm not a designer so I can't really suggest anything beyond exploring the possibilities around the sanskrit symbol, the lotus flower and the React logo.

As to the rest I love it - typography, colors, it's really great. I'm really looking forward to seeing where this goes! It's incredible and incredibly, incredibly appreciated.


Reply to this email directly or view it on GitHub.

@swannodette
Member

@juliankrispel yeah as far as copy we should definitely figure out a way to make it as simple as possible to share relevant bits between gh-pages and the README if possible. My gut feeling is that the entry point should be inviting and doesn't need to be as technical as the README. I'll think on this some more. Also agreed on a having more easily navigable docs.

@swannodette
Member

@juliankrispel my response to the figurative take is just a gut feeling. I would just prefer something more abstract / logo-like. I also don't think you need to go with any of my suggestions re: flower, symbol, React :) I honestly don't have any specific guidance beyond let's go with something that's not figurative.

@juliankrispel

Ok fine I'll take that on board :)

On 26 Jul 2014, at 13:52, David Nolen notifications@github.com wrote:

@juliankrispel my response to the figurative take is just a gut feeling. I would just prefer something more abstract / logo-like. I also don't think you need to go with any of my suggestions :) I honestly don't have any specific guidance beyond let's go with something that's not figurative.


Reply to this email directly or view it on GitHub.

@juliankrispel

I'm still working on it, but so far I've come up with an 'abstraction' of the lotus flower:
image

as well as an abstraction of the bonsai tree, both probably need some work still:
image

another idea maybe worth mentioning was related to the 'calligraphic' enso symbol, possibly just using enso as the o...

let me know your thoughts lads.

@swannodette
Member

@juliankrispel these are all cool. Conceptually I like the tree one more (data structures, DOM, etc). Something along the lines of Enso could be cool as well. Exciting stuff!

@dillonforrest

@juliankrispel SO HOT!! 🔥 I particularly love that tree. :)

@dimsuz
dimsuz commented Aug 1, 2014

@juliankrispel wow, both are great! For some reason prior to seeing any of your work I seemed to think of Om lib being something in blue-navy style colors. I just realized this after seeing warmish logo :)

@tapeinosyne

With regard to logo ideas, I would avoid the enso: mixing the two concepts seems a bit of a jumble. The bonsai works better, and is not as symbolically loaded. Similarly, we could consider the stereotypical cairn from the zen rock garden. (Although, admittedly, that of precariously stacked stones might not be the best association for a software library…)

The website looks rather nice already, particularly the color and layout. Perhaps a serif other than Baskerville would work better for headers?

@juliankrispel

Here's the updated version: http://juliankrispel.github.io/om/

Now I have a couple of versions of that colour scheme. But I think it's fairly decent.

Shall we start fleshing it out with content @swannodette? I'd like to help organizing the content but not sure where to start.

@dillonforrest

Looks amazing on mobile! :D

  • sent from mobile. please excuse curtness and any typps.

On Aug 18, 2014, at 12:35 PM, Julian Krispel-Samsel notifications@github.com wrote:

Here's the updated version: http://juliankrispel.github.io/om/

Now I have a couple of versions of that colour scheme. But I think it's fairly decent.

Shall we start fleshing it out with content @swannodette? I'd like to help organizing the content but not sure where to start.


Reply to this email directly or view it on GitHub.

@swannodette
Member

Love it! Need to think about the contribution process, will get back to everyone.

@bhurlow
bhurlow commented Aug 27, 2014

digging this!

@JustinTulloss

Like it a lot!

I personally think that the Sanskrit om symbol is the natural logo, but maybe that's too literal? http://en.wikipedia.org/wiki/Om#mediaviewer/File:Om.svg

My 2 cents.

@juliankrispel

I hear the comments about the sanskrit symbol. People think it's a good idea because its meaningful relationship with the Om chant. The issue with the Sanskrit symbol is that it already is a Logo. A logo is nothing else than a meaningful sign.

It also already has an established aesthetic. An aesthetic that in my opinion

1 - Doesn't fit the project very well and
2 - When modified to suit our current aesthetic, looses some of its integrity, as any Logo would.

So when people say "use the sanskrit logo" I hear one of the following:

A - Don't design a logo, redesign this one.
B - Don't design a logo, use that one.

Having said that, I thank you for all your comments and appreciate the spectrum of opinions I receive. No matter how it might seem it's very helpful, really! Atttached are two versions I mocked up to see how the Sanskrit would look in our style. And even though I just said that, I think it's not too bad:

image

image

@brendonjohn

I think using the Sanskrit Om symbol is contrived. I thought that Om was simply the Document-Object-Model without the Document. With Om we make use of a virtual DOM (reactjs) to render our data as a tree of components, hence the appeal of the bonsai tree as a logo (I really like the bonsai logo 😸).

@dillonforrest

I personally preferred the bonsai! It makes a lot of sense to me.

On Mon, Sep 1, 2014 at 1:37 AM, Brendon John Muschamp <
notifications@github.com> wrote:

I think using the Sanskrit Om symbol is contrived. I thought that Om was
simply the Document-Object-Model without the Document. With Om we make use
of a virtual DOM (reactjs) to render our data as a tree of components,
hence the appeal of the bonsai tree as a logo (I really like the bonsai
logo [image: 😸]).


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

@noprompt
noprompt commented Sep 1, 2014

@juliankrispel The blue one looks rad. I dig it. The bonsai tree is cool too. The only suggestion I would make between either of them would be too place the tree/symbol slightly over the horizon between the blue and the white. The way it looks now feels the bonsai tree feels like it's being abruptly sliced by the white. If I remember correctly the early mockups you did had the symbol placed on the horizon, giving it a nice sense of depth.

No matter which icon/logo is finally decided on, I think each of the ones you've developed could play a role in the overall project. Some of the other ones could be used for documentation, tutorials, etc. Just some food for thought.

@GetContented

Positive criticism.... (some of which you've given already youself, I noticed): I reckon you should wrap the bonsai around as a brush painting the enso symbol. <3. The om religious symbol is religious primarily, and (IMHO) way overused by trance music people. It doesn't really have anything to do with this project apart from a vague idea that "not having state" refers to transcendence, and om refers to the vibrational "function" that creates the universe. That particular rendering of Om reminds me of football jerseys, raves or techno ;) Something bothers me about the angles of the Om symbol rendering, too... I think it's that it looks like it hasn't been balanced to be aestheticly pleasing (eg look at the shapes that are made with the joints in positive and negative space - they're all irregular, which has a jarring effect on the eye).

http://www.omgayatri.com/AUm_O3m/Om_symbol_sound.html

@john2x
john2x commented Sep 1, 2014

Love the bonsai as well. I wonder how it would look with the Clojure logo color palette?

@pleasetrythisathome

I very much like the bonsai.

@solussd
solussd commented Sep 2, 2014

+1 bonsai.

@paulkogel

The Sanskrit versions came out better than I'd have expected as well. Reminds me too much of Transformers or Starcraft Protoss insignia, though.

I just discovered Mori's logo (update actually just realized the characters spell "mori" in Japanese :) and quite like the idea behind it:
Mori logo
which is the almost pan-Asian character for forest: https://en.wiktionary.org/wiki/%E6%A3%AE

When thinking about Om metaphorically I find this illustration of the tree of life is a good fit:
tree of life

The all seeing eye on top is the app state, which is connected via branches to smaller eyes (local states).
It's quite literal and a rather complex logo. We may want to turn the tree upside down so the roots are with the big eye.
we'd be mixing Judeo-Christian imagery with a Sanskrit name, but some people have already made the connection between the tree of life and chakras for us:
http://janeadamsart.wordpress.com/2013/04/09/the-chakras-on-the-tree-of-life
(way out of my depth)

@peeb
peeb commented Sep 3, 2014

I love that, @paulwittmann - excellent stuff!

@joshuacc
joshuacc commented Sep 3, 2014

I'd like to argue for stepping away from explicitly religious symbolism for this project's logo/design.

Regardless of the intended meaning, using religious imagery will tend to be read as endorsing an attitude toward the religion(s) in question. Adherents of the religion may read the appropriation as trivializing their religion, while non-adherents may read the appropriation as support of the religion.

I think the whole question should be bypassed by choosing something that is religiously relatively neutral.

@juliankrispel

I appreciate all the debate this issue has received, thanks for your contributions guys. I have a feeling though that the choice has been made and that we're going with the tree. Any further design efforts should probably lean towards the chosen logo (tree).

Correct me if I'm wrong @swannodette but I believe this issue can now be closed?

@swannodette
Member

@juliankrispel Agreed. I'm planning on creating an electronic CA based on Clojure's - once this is in place we can move forward with integrating your work and as well as taking contributions from others.

@swannodette swannodette closed this Sep 3, 2014
@juliankrispel

@swannodette awesome. PM me if you'd like to talk about more granular design changes.

For reference, here's a screenshot of the logo on the webpage on my branch

image

@mathiasp
mathiasp commented Sep 3, 2014

Nice!

I like it,
Mathias

@markaddleman

I'd just like to say I thoroughly enjoyed the peek into a designer's
thought process. Thanks!

On Wed, Sep 3, 2014 at 7:23 AM, Mathias Picker notifications@github.com
wrote:

Nice!

I like it,
Mathias


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

@juliankrispel

@markaddleman very encouraging thanks.

@dillonforrest

I agree with @markaddleman. I can foresee myself sending this github issue
to other designers and developers to reference your thought process and the
way you communicate, @julienkrispel. Thanks!

On Wed, Sep 3, 2014 at 12:35 PM, Julian Krispel-Samsel <
notifications@github.com> wrote:

@markaddleman https://github.com/markaddleman very encouraging thanks.


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

@juliankrispel

Thanks dillon, your positive feedback helped :)

It's certainly been a encouraging experience, wondering why not more people do this sorta thing. I also wonder if there are better tools for this sort of design process than github issues. Sounds like an opportunity for an app to me. Built with Om of course, because everything should be built with Om :)

On 3 Sep 2014, at 18:46, Dillon Forrest notifications@github.com wrote:

I agree with @markaddleman. I can foresee myself sending this github issue
to other designers and developers to reference your thought process and the
way you communicate, @julienkrispel. Thanks!

On Wed, Sep 3, 2014 at 12:35 PM, Julian Krispel-Samsel <
notifications@github.com> wrote:

@markaddleman https://github.com/markaddleman very encouraging thanks.


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


Reply to this email directly or view it on GitHub.

@paulkogel

we use https://redpen.io for design feedback. not yet built with Om as far as i know ;)

@juliankrispel juliankrispel referenced this issue in chocolatey/chocolatey Dec 13, 2014
Closed

I'd like to contribute branding #640

@airtonix

@juliankrispel Actually the flower looks far more professional, neater. I guess that's just me though.

To me, the tree represents chaos, disorganisation.

The flower can be associated with the meditative lotus position, contemplation, planning. the symmetrical edges speak of reliability, they speak to me of common shapes that give rise to modularity.

The tree makes me feel like I won't have much code re-use.

@swannodette
Member

@juliankrispel not sure if you're still interested in pushing this along but I finally got around to creating a CA for this project. Send me an email and I will send it your way and we can get this process started. Sorry for the delays - lots of things keeping me busy these days as perhaps you can tell :)

@juliankrispel

@swannodette of course I am interested. No worries at all. I'm fully aware of all the amazing clojurescript work you've been doing!

My email is julian [at] goodafternoon [dot] co. Looking forward to this!

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