Skip to content
This repository has been archived by the owner on Dec 30, 2018. It is now read-only.

logo design #3

Closed
vesparny opened this issue Jan 7, 2015 · 30 comments
Closed

logo design #3

vesparny opened this issue Jan 7, 2015 · 30 comments
Labels

Comments

@vesparny
Copy link
Owner

vesparny commented Jan 7, 2015

No description provided.

@willyg302
Copy link

If it's named after Morpheus of The Matrix fame as I'm assuming, I think the logo could incorporate either the glasses shape or two hands. Either way, there's symmetry which falls directly in line with the isomorphic aspect of the project (one hand is server and one hand is client, etc.). For example, I envisioned the word "MORPHEUS" stretching between the hands, with the M in red and the S in blue.

Great work on the project so far!

@willyg302
Copy link

Quick mockup to illustrate:

morpheus-screen

@vesparny
Copy link
Owner Author

@willyg302 Thanks for your proposal.
Actually the Morpheus name comes from the word isoMORPHic.
I was wondering about creating a logo with only Image, with the text Morpheus just next to it.

Something like this https://ghost.org/about/logos/.
If you have any idea, it would be really appreciated.
I'm not a designer, and I didn't even think about a proper color scheme.

@tlkh
Copy link

tlkh commented Jan 22, 2015

Morpheus somehow seems orange in my mind. A stylised M feels suitable for this. There can be a "long" logo consisting of a stylised M and orpheus and a "short" logo which is just the M.
However, I like @willyg302 's idea of the glasses!

@vesparny
Copy link
Owner Author

@tlkh yes I like the idea, and I like orange too :)
I'm waiting for some guy into design, because I'm a noob in that field.

@tsanyqudsi
Copy link

maybe a five dot will do.

In mathematics, an isomorphism (from the Greek: ἴσος isos "equal", and μορφή morphe "shape") is a homomorphism (or more generally a morphism) that admits an inverse.[note 1] Two mathematical objects are isomorphic if an isomorphism exists between them.

@willyg302
Copy link

Ah I see now!

@tsanyqudsi 's idea is more in line with the Ghost example:

morpheus-logo

I also like the idea of a stylized M, but you have to be careful to strike a balance between getting an idea across (what the M is supposed to look like) and keeping it readable enough so it doesn't just look like "orpheus". Couldn't think of anything right off the bat

@vesparny
Copy link
Owner Author

@willyg302 Don't you think the logo with five bullets it's a bit empty? Probably with a darker background would be better?

@tsanyqudsi
Copy link

I'm still at office. Will give u the logo later.

Sent From Sony Z1 Compact
On Jan 23, 2015 3:41 PM, "Alessandro Arnodo" notifications@github.com
wrote:

@willyg302 https://github.com/willyg302 Don't you think the logo with
five bullets it's a bit empty? Probably with a darker background would be
better?


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

@eldh
Copy link
Contributor

eldh commented Jan 26, 2015

Had an idea, so I made a quick sketch. (morpheus glasses, two equal but mirrored shapes…)
image

@vesparny
Copy link
Owner Author

@eldh really like the concept. Mirrored shape, it also recalls the isomorphic concept in someway.

@eldh
Copy link
Contributor

eldh commented Jan 26, 2015

@vesparny Yep, that was the thought. :) I'll explore it a bit further after work.

@vesparny
Copy link
Owner Author

Nice

On January 26, 2015 11:22:00 AM GMT+01:00, Andreas Eldh notifications@github.com wrote:

@vesparny Yep, that was the thought. :) I'll explore it a bit further
after work.


Reply to this email directly or view it on GitHub:
#3 (comment)

Sent from my Android device with K-9 Mail. Please excuse my brevity.

@eldh
Copy link
Contributor

eldh commented Jan 26, 2015

Think it works ok.
screen shot 2015-01-26 at 20 57 29

@tsanyqudsi
Copy link

actually the @eldh version is nicer.

@vesparny
Copy link
Owner Author

@eldh nice!
Do you think you can think about colors? and on how to have a squared logo?

We need to defined and choose a color scheme for the project.

I really love your idea.

just 2 consideration from a profane:

  • maybe the shadow in the bottom of glasses could be darker?
  • isn't it better if the glasses were dark? (black?) on a clear background?

@eldh
Copy link
Contributor

eldh commented Jan 27, 2015

Gave it another iteration with your suggestions. Worked out well I think. Dark on light makes way more sense (and looks less like eggs). Not sure about colors but tried a teal/orange combo.

As for square logo I'm not sure what you want it for. Icons and such? Just go with the glasses on a colored base I'd say in that case.

:)

morpheus 2
morpheus 2 1
morpheus 2 3

@vesparny
Copy link
Owner Author

@eldh sorry for the late answer,

I really like what you have done, thanks.

The teal/orange combo sounds great to my eyes.

Don't you think the square logo is a bit empty with only glasses inside?
It might be weird if you imagine it as a favicon or something small.

If you could mix some orange in the squared logo I think we are good :)

I don't know if I'm taking the right example, but for the Ghost project, you can download pngs with logo on dark and white background, and also vectorial svg and psd files.
Do you think this is doable for us?
https://ghost.org/about/logos/

@vesparny
Copy link
Owner Author

moreover we need to identify:

  • color scheme ( providing hexadecimal codes for orange and green)
  • font used for the sign "Morpheus" ( may we find some OS font?)

@eldh
Copy link
Contributor

eldh commented Jan 30, 2015

Sure! I'll work some more on the squared logo and I'll try to make sure it looks nice in favicon size.

I could do a PR to somewhere (?) with the logos in svg and png format along with perhaps a scss file with variables for colors and fonts? No psd:s though, since I made this in Sketch. :)

These examples use Avenir Next Condensed, but Ubuntu Condensed is very similar and available as a free web font from Google Fonts, so we could easily swap to that.

@vesparny
Copy link
Owner Author

Nice !!

What about making a PR creating a branding folder in the root of the project?

I'm wondering about creating an orgs account for the project, as soon as I'll ready we can also end up creating a dedicated project for that.

Can't wait to integrate the new graphics and colours in the default theme ;)

@eldh
Copy link
Contributor

eldh commented Jan 30, 2015

Sounds good!

I'll get to work on it tonight or tomorrow, I think.

@eldh
Copy link
Contributor

eldh commented Feb 1, 2015

I hit a bit of a wall trying to make it work well in a square and on dark background. So, back to the drawing board... And I came up with something else that I think works quite well. Same shapes, but now used as red and blue pills. Still captures the isomorphism and a (not so subtle) reference to The Matrix. What to you think?
morpheus 2 3 1 1
morpheus 2 3 1
morpheus 2 3

Also made some buttons and text real quick to get some sense of how the color scheme works 'in action'.
morpheus 2 4

Fonts used are Ubuntu Condensed for the logo, Source Sans Pro and Source Serif Pro in the UI exploration.

@vesparny
Copy link
Owner Author

vesparny commented Feb 1, 2015

This is awesome.
I really like colors, fonts and shapes.

Moreover you have created a good balance between shapes and background space.

What about having the 2 pills exactly at the same high level, rather than having the blue one just above the other?
drawing

Not sure my sketch makes sense, probably having the pills on different levels is better.
Btw what you did is stunning, I think we are close to have a visual identity for this project.

Thanks for you effort @eldh

@vesparny
Copy link
Owner Author

vesparny commented Feb 1, 2015

No no, your solution is way better, definitely!
You can forget my previous comment.

@eldh
Copy link
Contributor

eldh commented Feb 1, 2015

👍 Glad you like it! I'll get to work on that PR.

@vesparny
Copy link
Owner Author

vesparny commented Feb 5, 2015

thanks to @eldh for the great work, I'll adapt to the new graphic ASAP

@vesparny vesparny closed this as completed Feb 5, 2015
@soundyogi
Copy link

@eldh this is really nice! fits on so many levels

@sergeylukin
Copy link

@eldh last revision set of your logo looks awesome! Three cheers for checking color scheme "in action".
It was so interesting to follow the way you people went through here in this thread to get to the final version. Very impressive to see how Github platform is useful in so many ways.

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

No branches or pull requests

7 participants