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

New logo ? #962

Closed
xuv opened this Issue Apr 5, 2017 · 190 comments

Comments

Projects
None yet
@xuv
Contributor

xuv commented Apr 5, 2017

The question of a new logo has been already brought up a few times.

This thread is here to gather propositions and have a central place where we can discuss this. Maybe at some point, all design related discussions and files could end up in their own repo. But let's first see how this goes.

Actual logo: png - svg
logo-mastodon

Safari SVG tab icon look (to have an idea of the small sizes):
safari-icon-focusedsafari-icon-unfocused

Here is the suggestion by @Gargron of what the new logo could be.
1f3ba

In order to have a clear process about this collaborative design approach, maybe we should start by throwing propositions and rough sketches along the guidelines provided by @Gargron.

And see where we go from there.

Looking forward to work with you all.


  • I searched or browsed the repo’s other issues to ensure this is not a duplicate.
@KaraAJC

This comment has been minimized.

Show comment
Hide comment
@KaraAJC

KaraAJC Apr 5, 2017

If the horns keys could look more pronounced to be an M that horn icon could work

KaraAJC commented Apr 5, 2017

If the horns keys could look more pronounced to be an M that horn icon could work

@yiskah

This comment has been minimized.

Show comment
Hide comment
@yiskah

yiskah Apr 5, 2017

Collaborator

I like the current logo :/ If we change it I'd still prefer something more abstract than a Horn. Maybe like, an elephant trunk? The horn does not have longevity imo

Collaborator

yiskah commented Apr 5, 2017

I like the current logo :/ If we change it I'd still prefer something more abstract than a Horn. Maybe like, an elephant trunk? The horn does not have longevity imo

@diomed

This comment has been minimized.

Show comment
Hide comment
@diomed

diomed Apr 5, 2017

Contributor

is this a joke?
Trumpet makes no sense.

I like current logo as well.

Contributor

diomed commented Apr 5, 2017

is this a joke?
Trumpet makes no sense.

I like current logo as well.

@MichaelSelsky

This comment has been minimized.

Show comment
Hide comment
@MichaelSelsky

MichaelSelsky Apr 5, 2017

@diomed
is this a joke?
Trumpet makes no sense.

Trumpets go toot.

MichaelSelsky commented Apr 5, 2017

@diomed
is this a joke?
Trumpet makes no sense.

Trumpets go toot.

@voronoipotato

This comment has been minimized.

Show comment
Hide comment
@voronoipotato

voronoipotato Apr 5, 2017

It should very likely be an elephant of some kind just to avoid confusion. Image of a trumpet uhhh whoops I was trying to get to mastadon.

It should very likely be an elephant of some kind just to avoid confusion. Image of a trumpet uhhh whoops I was trying to get to mastadon.

@voronoipotato

This comment has been minimized.

Show comment
Hide comment
@voronoipotato

voronoipotato Apr 5, 2017

That's not to say it can't be a very iconic elephant, just like how the bird site uses a very iconic bird. 🐘

That's not to say it can't be a very iconic elephant, just like how the bird site uses a very iconic bird. 🐘

@xuv xuv changed the title from New logo to New logo ? Apr 6, 2017

@xuv

This comment has been minimized.

Show comment
Hide comment
@xuv

xuv Apr 6, 2017

Contributor

Thanks all for your feedback. I've changed the title of this issue to reflect the discussion. Indeed, there is maybe not a need to change the logo. My intention here is to have a central point for this discussion to happen and have a constructive approach to it.

There is (or will be) a demand for icons, buttons and other identity material related to Mastodon. In order to keep the quality of the design and the UX as good as it is already, I believe we should anticipate this and come with the right material.

The logo should be available in many formats and sizes and I'm concerned at what the actual logo would look like at smaller sizes. Maybe we can make propositions here and then we'll be able to fill the request to add it to Font Awesome.

Since there is also a need to differentiate between instances, we could also come with some a design system for the logo that could help keep a coherent Mastodon identity across the fediverse while allowing each particularity to shine out.

Contributor

xuv commented Apr 6, 2017

Thanks all for your feedback. I've changed the title of this issue to reflect the discussion. Indeed, there is maybe not a need to change the logo. My intention here is to have a central point for this discussion to happen and have a constructive approach to it.

There is (or will be) a demand for icons, buttons and other identity material related to Mastodon. In order to keep the quality of the design and the UX as good as it is already, I believe we should anticipate this and come with the right material.

The logo should be available in many formats and sizes and I'm concerned at what the actual logo would look like at smaller sizes. Maybe we can make propositions here and then we'll be able to fill the request to add it to Font Awesome.

Since there is also a need to differentiate between instances, we could also come with some a design system for the logo that could help keep a coherent Mastodon identity across the fediverse while allowing each particularity to shine out.

@xuv

This comment has been minimized.

Show comment
Hide comment
@xuv

xuv Apr 6, 2017

Contributor

If @Gargron passes by here at some point, I'd be happy if he could point out to the vector (svg) version of the actual logo if that exists.

Contributor

xuv commented Apr 6, 2017

If @Gargron passes by here at some point, I'd be happy if he could point out to the vector (svg) version of the actual logo if that exists.

@Gargron

This comment has been minimized.

Show comment
Hide comment
@Gargron

Gargron Apr 8, 2017

Member

See #1224 - a SVG version of the logo has been added to the repository.

Member

Gargron commented Apr 8, 2017

See #1224 - a SVG version of the logo has been added to the repository.

@xuv

This comment has been minimized.

Show comment
Hide comment
@xuv

xuv Apr 8, 2017

Contributor

@Gargron Oh thx. Awesome. Though it seems the png and svg differ slightly in color and shape. I'll see if I can correct that.

Contributor

xuv commented Apr 8, 2017

@Gargron Oh thx. Awesome. Though it seems the png and svg differ slightly in color and shape. I'll see if I can correct that.

@alexgleason

This comment has been minimized.

Show comment
Hide comment
@alexgleason

alexgleason Apr 10, 2017

Contributor

The current logo is great. Here's what it offers:

  • Recognizable. Once you've seen it, you know what it is.
  • Clean, modern look. It looks like something associated with a tech project that can be taken seriously.
  • Works well at small sizes, including as a favicon. I'm never going to confuse which tab I have Mastodon open in.

I'm not against changing the logo, but not to literally a horn emoji. Maybe something that makes a subtle reference to a horn. But it's not worth losing the benefits of the existing logo and I'm not sure it makes sense to dilute the brand so soon unless there's an alternative that's really good.

Contributor

alexgleason commented Apr 10, 2017

The current logo is great. Here's what it offers:

  • Recognizable. Once you've seen it, you know what it is.
  • Clean, modern look. It looks like something associated with a tech project that can be taken seriously.
  • Works well at small sizes, including as a favicon. I'm never going to confuse which tab I have Mastodon open in.

I'm not against changing the logo, but not to literally a horn emoji. Maybe something that makes a subtle reference to a horn. But it's not worth losing the benefits of the existing logo and I'm not sure it makes sense to dilute the brand so soon unless there's an alternative that's really good.

@raphaelbastide

This comment has been minimized.

Show comment
Hide comment
@raphaelbastide

raphaelbastide Apr 11, 2017

As I don’t fully agree that the current logo works well in small sizes, especially in a social media icon context, I made the following test:

masto

I think a simpler shape helps to be adapted in small sizes. Also -even if I don’t think my quick test is not a real logo yet- the “cool” side of mastodon (the name “Mastodon”, the “toots”, the community) is an important side of the identity that is not present in the current logo. I tried to investigate in this direction as well !

masto2

As I don’t fully agree that the current logo works well in small sizes, especially in a social media icon context, I made the following test:

masto

I think a simpler shape helps to be adapted in small sizes. Also -even if I don’t think my quick test is not a real logo yet- the “cool” side of mastodon (the name “Mastodon”, the “toots”, the community) is an important side of the identity that is not present in the current logo. I tried to investigate in this direction as well !

masto2

@jpdevries

This comment has been minimized.

Show comment
Hide comment
@jpdevries

jpdevries Apr 11, 2017

Contributor

The sneezing snout looks rather...phallic. And "natural".

Contributor

jpdevries commented Apr 11, 2017

The sneezing snout looks rather...phallic. And "natural".

@yiskah

This comment has been minimized.

Show comment
Hide comment
@yiskah

yiskah Apr 11, 2017

Collaborator

It looks like it's uhhh.... Squirting..... I feel like I should mark it NSFW... It's very suggestive...

Collaborator

yiskah commented Apr 11, 2017

It looks like it's uhhh.... Squirting..... I feel like I should mark it NSFW... It's very suggestive...

@daprice

This comment has been minimized.

Show comment
Hide comment
@daprice

daprice Apr 12, 2017

Contributor

If you curve the trunk it makes it a lot easier to tell, uh, which part of the mastodon it’s supposed to be:

logo test
(I can provide my SVG file for this one if anyone wants to modify it, but GitHub won't let me upload it directly)

Contributor

daprice commented Apr 12, 2017

If you curve the trunk it makes it a lot easier to tell, uh, which part of the mastodon it’s supposed to be:

logo test
(I can provide my SVG file for this one if anyone wants to modify it, but GitHub won't let me upload it directly)

@daprice

This comment has been minimized.

Show comment
Hide comment
@daprice

daprice Apr 12, 2017

Contributor

Or a logo with an irregular background shape could give more of a prehistoric vibe. I was trying for the shape/style of the rocks and other background elements from the Flintstones with this one:
iteration of raphaelbastide s mastodon logo alternate shape

Contributor

daprice commented Apr 12, 2017

Or a logo with an irregular background shape could give more of a prehistoric vibe. I was trying for the shape/style of the rocks and other background elements from the Flintstones with this one:
iteration of raphaelbastide s mastodon logo alternate shape

@yiskah

This comment has been minimized.

Show comment
Hide comment
@yiskah

yiskah Apr 12, 2017

Collaborator

It still.. feels... really... moist... and squirty. and making it uhhh dangle down is not helping.

Maybe... the trunk... is the wrong things to be using.

Collaborator

yiskah commented Apr 12, 2017

It still.. feels... really... moist... and squirty. and making it uhhh dangle down is not helping.

Maybe... the trunk... is the wrong things to be using.

@krainboltgreene

This comment has been minimized.

Show comment
Hide comment
@krainboltgreene

krainboltgreene Apr 12, 2017

Collaborator

These are fantastic, but also hahahahahaha.

Collaborator

krainboltgreene commented Apr 12, 2017

These are fantastic, but also hahahahahaha.

@raphaelbastide

This comment has been minimized.

Show comment
Hide comment
@raphaelbastide

raphaelbastide Apr 12, 2017

@daprice I like your tests very much! In a way this is what I had in mind. I also like the way you break the circle, but I think it is best to keep the global shape in a square (width = height). Honestly I find it really funny :-)

raphaelbastide commented Apr 12, 2017

@daprice I like your tests very much! In a way this is what I had in mind. I also like the way you break the circle, but I think it is best to keep the global shape in a square (width = height). Honestly I find it really funny :-)

@nclm

This comment has been minimized.

Show comment
Hide comment
@nclm

nclm Apr 13, 2017

Collaborator

Can’t believe I missed this conversation until now! 😄

I always liked the current logo, but a new one would certainly be welcome now that the project and the community evolved!

I love the tooting trunk idea, it’s super fun and it makes sense. Still it’s understandable that some are concerned about it being too… organic. Also I think it says “Toot!” more when raised diagonally than when resting. But I like the idea of an irregular shape, and “prehistoric” could certainly be the keyword for the art direction. I started thinking about a custom icon set for the UI the other day, and that was the vibe I was imagining too.


Anyway, I rebounded on your ideas and made some tentative sketches:

1_trunks

↑ Not logos, but explorations on the trunk. There’s this way to stylise elephant trunks that I remembered from illustrations, and it may fit a logo better than the fleshy one. Also, it forms a M in a way, relevant for us! Then, three ways to say “Toot”: original, compact alternative, and sound waves. The later could be a bit cliché, but as the federation all runs on Atom feeds, I think it’s still applicable here.

1_full

↑ The full logo, as you may find when used in a large enough sizing. I used a polygon instead of a circle to break the monotony, and it would be possible to make it irregular as well. Everything in these are made from straight lines, which is the way here to interpret the roughness of the prehistoric theme, like if everything has been carved from stone.

1_icons

↑ The icon, for favicon, share links, etc. They make the M more apparent.

(Inkscape SVG source)


Colours: none. I don’t think the main Mastodon identity should have any colour, and certainly not a Twitter-like blue one. On the other hand, each instance can certainly have its own accent colour! For buttons, emphasis, and the logo. What would be really good is a random colour generated at each instance’s first run (that the administrator can change later), so we’re sure they all get a little thing to differentiate their identity as soon as they start. /cc #967

Custom logos: each instance could also change what goes out of the trunk in the logo. Imagine the three tests as being three instances. They are all part of Mastodon (the trunk/M), but each different (the sound they make isn’t the same).

Mastodon.social: there’s a need to differentiate the software/the whole network from Mastodon.social, the original instance. The visuals of that instance is another discussion, and for now it can keep what it always had: the blue colour, the earthy floor photo background, the cute illustrations of mastodons. Which may be therefore things to remove from the software and the other instances: they can have their own photos and illustrations, keeping only the interface and the logo/icon as constants.

Icons: as mentioned in #1469, FontAwesome is somewhat too generic. Imagine a custom icon set that looks and feels like Mastodon! That certainly something we can work on after/with the logo/icon! 🙂

Collaborator

nclm commented Apr 13, 2017

Can’t believe I missed this conversation until now! 😄

I always liked the current logo, but a new one would certainly be welcome now that the project and the community evolved!

I love the tooting trunk idea, it’s super fun and it makes sense. Still it’s understandable that some are concerned about it being too… organic. Also I think it says “Toot!” more when raised diagonally than when resting. But I like the idea of an irregular shape, and “prehistoric” could certainly be the keyword for the art direction. I started thinking about a custom icon set for the UI the other day, and that was the vibe I was imagining too.


Anyway, I rebounded on your ideas and made some tentative sketches:

1_trunks

↑ Not logos, but explorations on the trunk. There’s this way to stylise elephant trunks that I remembered from illustrations, and it may fit a logo better than the fleshy one. Also, it forms a M in a way, relevant for us! Then, three ways to say “Toot”: original, compact alternative, and sound waves. The later could be a bit cliché, but as the federation all runs on Atom feeds, I think it’s still applicable here.

1_full

↑ The full logo, as you may find when used in a large enough sizing. I used a polygon instead of a circle to break the monotony, and it would be possible to make it irregular as well. Everything in these are made from straight lines, which is the way here to interpret the roughness of the prehistoric theme, like if everything has been carved from stone.

1_icons

↑ The icon, for favicon, share links, etc. They make the M more apparent.

(Inkscape SVG source)


Colours: none. I don’t think the main Mastodon identity should have any colour, and certainly not a Twitter-like blue one. On the other hand, each instance can certainly have its own accent colour! For buttons, emphasis, and the logo. What would be really good is a random colour generated at each instance’s first run (that the administrator can change later), so we’re sure they all get a little thing to differentiate their identity as soon as they start. /cc #967

Custom logos: each instance could also change what goes out of the trunk in the logo. Imagine the three tests as being three instances. They are all part of Mastodon (the trunk/M), but each different (the sound they make isn’t the same).

Mastodon.social: there’s a need to differentiate the software/the whole network from Mastodon.social, the original instance. The visuals of that instance is another discussion, and for now it can keep what it always had: the blue colour, the earthy floor photo background, the cute illustrations of mastodons. Which may be therefore things to remove from the software and the other instances: they can have their own photos and illustrations, keeping only the interface and the logo/icon as constants.

Icons: as mentioned in #1469, FontAwesome is somewhat too generic. Imagine a custom icon set that looks and feels like Mastodon! That certainly something we can work on after/with the logo/icon! 🙂

@violy

This comment has been minimized.

Show comment
Hide comment
@violy

violy Apr 13, 2017

agree with @raphaelbastide in one point — small size is very important for a logotype :

  • important contraste
  • heavy shapes.

violy commented Apr 13, 2017

agree with @raphaelbastide in one point — small size is very important for a logotype :

  • important contraste
  • heavy shapes.
@SkyzohKey

This comment has been minimized.

Show comment
Hide comment
@SkyzohKey

SkyzohKey Apr 13, 2017

Really like the one @Davice made, looks just perfect ! 🙂

Really like the one @Davice made, looks just perfect ! 🙂

@LuD-up

This comment has been minimized.

Show comment
Hide comment
@LuD-up

LuD-up Apr 13, 2017

I just see on mastodon a logo for a new instance from Japan, looks cute & awesome !

4axvs7hxj1hhzbu7hvo

from : https://mstdn.jp/@shunozo/32871

BTW i really like the work did by @daprice ! I think you're on the good way.

LuD-up commented Apr 13, 2017

I just see on mastodon a logo for a new instance from Japan, looks cute & awesome !

4axvs7hxj1hhzbu7hvo

from : https://mstdn.jp/@shunozo/32871

BTW i really like the work did by @daprice ! I think you're on the good way.

@gubgubgub

This comment has been minimized.

Show comment
Hide comment
@gubgubgub

gubgubgub Apr 13, 2017

I do some stuff last night (some are just for fun) : https://mastodonfrance.com/@gub/30121 and https://mastodonfrance.com/@gub/30128 . If it can help.
image
image
image
image
image

gubgubgub commented Apr 13, 2017

I do some stuff last night (some are just for fun) : https://mastodonfrance.com/@gub/30121 and https://mastodonfrance.com/@gub/30128 . If it can help.
image
image
image
image
image

@SansPseudoFix

This comment has been minimized.

Show comment
Hide comment
@SansPseudoFix

SansPseudoFix Apr 13, 2017

Contributor

@daprice I like your mockups, but, since many of you have dirty thoughts ( :P ), maybe keeping the curve, add some music note to the trunk? I mean, instead of splashy drops.

Contributor

SansPseudoFix commented Apr 13, 2017

@daprice I like your mockups, but, since many of you have dirty thoughts ( :P ), maybe keeping the curve, add some music note to the trunk? I mean, instead of splashy drops.

@Dragnucs

This comment has been minimized.

Show comment
Hide comment
@Dragnucs

Dragnucs Apr 13, 2017

@gubgubgub I like first and second.

@gubgubgub I like first and second.

@gubgubgub

This comment has been minimized.

Show comment
Hide comment
@gubgubgub

gubgubgub Apr 13, 2017

@Dragnucs thx. 3rd, 4th and 5th are just for fun :) (but maybe in the 5th is there an idea ?)

gubgubgub commented Apr 13, 2017

@Dragnucs thx. 3rd, 4th and 5th are just for fun :) (but maybe in the 5th is there an idea ?)

@SansPseudoFix

This comment has been minimized.

Show comment
Hide comment
@SansPseudoFix

SansPseudoFix Apr 13, 2017

Contributor

@gubgubgub I like the 4th, but it's a french hypermarket's logo (defunct one, but still), and it doesn't use creative commons (sorry, french link) :P
But if it's just a mockup to show the idea, ok :)

Contributor

SansPseudoFix commented Apr 13, 2017

@gubgubgub I like the 4th, but it's a french hypermarket's logo (defunct one, but still), and it doesn't use creative commons (sorry, french link) :P
But if it's just a mockup to show the idea, ok :)

@gubgubgub

This comment has been minimized.

Show comment
Hide comment
@gubgubgub

gubgubgub Apr 13, 2017

@SansPseudoFix Oh yes I know ! :) (I'm French that's why it was a joke to 'flatdesignify' this old logo) I said 3rd, 4th and 5th are just for fun :) I continue to iterate.

@SansPseudoFix Oh yes I know ! :) (I'm French that's why it was a joke to 'flatdesignify' this old logo) I said 3rd, 4th and 5th are just for fun :) I continue to iterate.

@xuv

This comment has been minimized.

Show comment
Hide comment
@xuv

xuv Apr 13, 2017

Contributor

I'm glad the discussion has started and people are throwing up ideas.
I'd like to point out to a slight variation on the actual logo by Geoffrey Doorne. I've tried to get him to post it here or at least to have him allow me to copy the design here, but he has not replied.

elephantlogo

Contributor

xuv commented Apr 13, 2017

I'm glad the discussion has started and people are throwing up ideas.
I'd like to point out to a slight variation on the actual logo by Geoffrey Doorne. I've tried to get him to post it here or at least to have him allow me to copy the design here, but he has not replied.

elephantlogo

@kaishin

This comment has been minimized.

Show comment
Hide comment
@kaishin

kaishin Apr 13, 2017

@xuv The right-most one with the eyes is probably going to lose that detail in smaller sizes.

kaishin commented Apr 13, 2017

@xuv The right-most one with the eyes is probably going to lose that detail in smaller sizes.

@JaredLethal

This comment has been minimized.

Show comment
Hide comment
@JaredLethal

JaredLethal Apr 13, 2017

The trunk one, straight or curved, really feels too much like a penis, the little "squirts" are not helping. What about a musical note? i did a quick version of what it might look like:
mastodon-toot

but i still feel like the actual Mastodon logo is the best proposition yet.

Maybe we should just tweak some little details on it, like Geoffrey Doorne did (cf @xuv latest comment above)

The trunk one, straight or curved, really feels too much like a penis, the little "squirts" are not helping. What about a musical note? i did a quick version of what it might look like:
mastodon-toot

but i still feel like the actual Mastodon logo is the best proposition yet.

Maybe we should just tweak some little details on it, like Geoffrey Doorne did (cf @xuv latest comment above)

@raphaelbastide

This comment has been minimized.

Show comment
Hide comment
@raphaelbastide

raphaelbastide Apr 13, 2017

My last tests I guess, trying to take the general feedback in consideration.

m2

My last tests I guess, trying to take the general feedback in consideration.

m2

@JaredLethal

This comment has been minimized.

Show comment
Hide comment
@JaredLethal

JaredLethal Apr 13, 2017

@raphaelbastide B looks better 👍

the way you edited the trunk helps ;)

@raphaelbastide B looks better 👍

the way you edited the trunk helps ;)

@JaredLethal

This comment has been minimized.

Show comment
Hide comment
@JaredLethal

JaredLethal Apr 13, 2017

i was looking around for inspiration and i found out that Mammoth Mountain's logo which would have been pretty awesome for Mastodon IMO :(

JaredLethal commented Apr 13, 2017

i was looking around for inspiration and i found out that Mammoth Mountain's logo which would have been pretty awesome for Mastodon IMO :(

@blinry

This comment has been minimized.

Show comment
Hide comment
@blinry

blinry Apr 13, 2017

Contributor

Hi! I keep seeing an "M" in your trunk designs (rough sketch, obviously):

screenshot-2017-04-13_17 10 06

Contributor

blinry commented Apr 13, 2017

Hi! I keep seeing an "M" in your trunk designs (rough sketch, obviously):

screenshot-2017-04-13_17 10 06

@gubgubgub

This comment has been minimized.

Show comment
Hide comment
@gubgubgub

gubgubgub Apr 13, 2017

Hi all. More ideas for discussion.

image

Hi all. More ideas for discussion.

image

@JaredLethal

This comment has been minimized.

Show comment
Hide comment
@JaredLethal

JaredLethal May 16, 2017

i like n°2 it's pretty creative. n°3 is fun too but it look more like a one-eyed alien to me 😁

i like n°2 it's pretty creative. n°3 is fun too but it look more like a one-eyed alien to me 😁

@Gargron

This comment has been minimized.

Show comment
Hide comment
@Gargron

Gargron May 16, 2017

Member

This one is pretty good?!

Member

Gargron commented May 16, 2017

This one is pretty good?!

@SamSaramyak

This comment has been minimized.

Show comment
Hide comment

samsaramyakmm3

@xuv

This comment has been minimized.

Show comment
Hide comment
@xuv

xuv May 16, 2017

Contributor

@vin-san: Thank you for your propositions. They really bring a fresh approach to this. I really like how you integrated the "speech bubble" with a stylized "elephant look". The simplicity of the shape makes it an ideal candidate to work at small sizes and become maybe an "emoji" or mastodon symbol on its own.

Both of these look really great to me.

Contributor

xuv commented May 16, 2017

@vin-san: Thank you for your propositions. They really bring a fresh approach to this. I really like how you integrated the "speech bubble" with a stylized "elephant look". The simplicity of the shape makes it an ideal candidate to work at small sizes and become maybe an "emoji" or mastodon symbol on its own.

Both of these look really great to me.

@egypturnash

This comment has been minimized.

Show comment
Hide comment
@egypturnash

egypturnash May 16, 2017

screen shot 2017-05-16 at 1 40 16 pm

screen shot 2017-05-16 at 2 02 33 pm

Another riff on the ultra-stylized M-as-Mastodon. Push the negative space of the tusk all the way across the trunk, and roughen it up a little bit because mastodons are big shaggy beasties. Also a brown-on-black version because pretty much every 'mastodon' image that shows up on google is brown, and the default skin of the site is pretty dark.

I'm not entirely happy with the space between the M and the A, it's easy to read as "elephant, astodon", but I really like the width of the letters being similar to the weight of the lines that make up the Mastodon.

(The white-on-purple is because the Illustrator file I use as a sketchbook happened to have an artboard with nothing on it but a purple background to draw stuff on top of. I kinda like it though, it's related to the bright blue most social media sites use these days, while standing a little apart and looking a little more regal/chill.)

egypturnash commented May 16, 2017

screen shot 2017-05-16 at 1 40 16 pm

screen shot 2017-05-16 at 2 02 33 pm

Another riff on the ultra-stylized M-as-Mastodon. Push the negative space of the tusk all the way across the trunk, and roughen it up a little bit because mastodons are big shaggy beasties. Also a brown-on-black version because pretty much every 'mastodon' image that shows up on google is brown, and the default skin of the site is pretty dark.

I'm not entirely happy with the space between the M and the A, it's easy to read as "elephant, astodon", but I really like the width of the letters being similar to the weight of the lines that make up the Mastodon.

(The white-on-purple is because the Illustrator file I use as a sketchbook happened to have an artboard with nothing on it but a purple background to draw stuff on top of. I kinda like it though, it's related to the bright blue most social media sites use these days, while standing a little apart and looking a little more regal/chill.)

@egypturnash

This comment has been minimized.

Show comment
Hide comment
@egypturnash

egypturnash May 16, 2017

Oh and here's a PDF of my little riff if anyone feels like fooling with it further.

mastodonses.pdf

Oh and here's a PDF of my little riff if anyone feels like fooling with it further.

mastodonses.pdf

@saper

This comment has been minimized.

Show comment
Hide comment
@saper

saper May 16, 2017

Contributor

This one:

a "weird" one from above is very promising

If the "face" could be more symmetric, maybe like this:

More symmetric shape

Contributor

saper commented May 16, 2017

This one:

a "weird" one from above is very promising

If the "face" could be more symmetric, maybe like this:

More symmetric shape

@Vavassor

This comment has been minimized.

Show comment
Hide comment
@Vavassor

Vavassor May 16, 2017

@saper @vin-san It's almost exactly a yin–yang ☯ shape? It's a fine shape, but recognized more for Daoism than mastodon.

@saper @vin-san It's almost exactly a yin–yang ☯ shape? It's a fine shape, but recognized more for Daoism than mastodon.

@yiskah

This comment has been minimized.

Show comment
Hide comment
@yiskah

yiskah May 17, 2017

Collaborator

I love @vin-san 's designs 1 and 2 a lot. They're incredibly unique, clever, and recognizable. I fear that 4 looks too much like a normal ying-yan, like vavassor said. I think number 3 looks a bit too much like just a blob. At a small size it doesn't look like much of anything. just a black rounded box.

Collaborator

yiskah commented May 17, 2017

I love @vin-san 's designs 1 and 2 a lot. They're incredibly unique, clever, and recognizable. I fear that 4 looks too much like a normal ying-yan, like vavassor said. I think number 3 looks a bit too much like just a blob. At a small size it doesn't look like much of anything. just a black rounded box.

@ccoenen

This comment has been minimized.

Show comment
Hide comment
@ccoenen

ccoenen May 17, 2017

I wish people weren't so focused on the animal. Yes, I know one of my favorites is actually one of the animal shapes. Still, I belive that there are other options to explore beyond "what we already have" and "oh look, that's an animal". Almost every single submission falls into either or both categories.

ccoenen commented May 17, 2017

I wish people weren't so focused on the animal. Yes, I know one of my favorites is actually one of the animal shapes. Still, I belive that there are other options to explore beyond "what we already have" and "oh look, that's an animal". Almost every single submission falls into either or both categories.

@xuv

This comment has been minimized.

Show comment
Hide comment
@xuv

xuv May 17, 2017

Contributor

@ccoenen The animal is an obvious choice. We can understand that because of the name, but also because of the illustrations that exist around the application, from login page to the actual daily use (see your fourth column). The community itself has embraced the animal in multiple ways. Applications riding the Mastodon use names like Tusk, Stegodon, etc.

Now, if you think we should depart from this, you'll need to make a strong case for it. So please provide suggestions, list of words that would help designers make other propositions. Because I think that one of the critique that some have formulated about the actual logo is that it does not clearly link to its name or the culture around the application. It's a nice looking almost abstract form. But people don't understand why it looks like that.

On a side note, It's nice to see that @Gargron and @yiskah are both validating the propositions by @vin-san. That's something to keep in mind also.

Contributor

xuv commented May 17, 2017

@ccoenen The animal is an obvious choice. We can understand that because of the name, but also because of the illustrations that exist around the application, from login page to the actual daily use (see your fourth column). The community itself has embraced the animal in multiple ways. Applications riding the Mastodon use names like Tusk, Stegodon, etc.

Now, if you think we should depart from this, you'll need to make a strong case for it. So please provide suggestions, list of words that would help designers make other propositions. Because I think that one of the critique that some have formulated about the actual logo is that it does not clearly link to its name or the culture around the application. It's a nice looking almost abstract form. But people don't understand why it looks like that.

On a side note, It's nice to see that @Gargron and @yiskah are both validating the propositions by @vin-san. That's something to keep in mind also.

@vin-san

This comment has been minimized.

Show comment
Hide comment
@vin-san

vin-san May 18, 2017

Mastodons.zip
Another test : Proposition 2 works that way and could be even simplier, like a mix of 2. & 3.
m05

m05_social

Mastodons.zip

vin-san commented May 18, 2017

Mastodons.zip
Another test : Proposition 2 works that way and could be even simplier, like a mix of 2. & 3.
m05

m05_social

Mastodons.zip

@vin-san

This comment has been minimized.

Show comment
Hide comment
@vin-san

vin-san May 18, 2017

@saper Or maybe we should do the opposite : bring more asymmetry that would give it a real singular aspect and reduce the ying yong reference (that is perfectly symetric).

vin-san commented May 18, 2017

@saper Or maybe we should do the opposite : bring more asymmetry that would give it a real singular aspect and reduce the ying yong reference (that is perfectly symetric).

@Gargron

This comment has been minimized.

Show comment
Hide comment
@Gargron

Gargron May 18, 2017

Member

Perhaps an instance could do a test run of

as in, favicon + frontpage logo, and we'll look at it in action? @beatrix-bitrot

Actually I could probably just do that in a dev environment and share screenshots, though perhaps somebody wants to give that a live test run anyway.

I'm all about the animal anyway. If you wanna know, this was the original logo that I made, before someone professional made the current one:

a597e2a019

Member

Gargron commented May 18, 2017

Perhaps an instance could do a test run of

as in, favicon + frontpage logo, and we'll look at it in action? @beatrix-bitrot

Actually I could probably just do that in a dev environment and share screenshots, though perhaps somebody wants to give that a live test run anyway.

I'm all about the animal anyway. If you wanna know, this was the original logo that I made, before someone professional made the current one:

a597e2a019

@SamSaramyak

This comment has been minimized.

Show comment
Hide comment
@SamSaramyak

SamSaramyak May 18, 2017

Following the bubble speech approach:

mastologo_samsaramyak2017

Following the bubble speech approach:

mastologo_samsaramyak2017

@SamSaramyak

This comment has been minimized.

Show comment
Hide comment
@SamSaramyak

SamSaramyak May 18, 2017

@Gargron I find your mastodon very interesting !

@Gargron I find your mastodon very interesting !

@JaredLethal

This comment has been minimized.

Show comment
Hide comment
@JaredLethal

JaredLethal May 18, 2017

wow @SamSaramyak , once again i feel you've got something right here!! you managed to get the speech bubbles/vertical timelines, the M and the mammoth shape in the same logo \o/

wow @SamSaramyak , once again i feel you've got something right here!! you managed to get the speech bubbles/vertical timelines, the M and the mammoth shape in the same logo \o/

@yiskah

This comment has been minimized.

Show comment
Hide comment
@yiskah

yiskah May 19, 2017

Collaborator

@xuv is it really that significant if me and gargron agree on something?

I'm still generally against any "Three vertical lines" designs. They don't convey much to me besides III and stacks of books.

Collaborator

yiskah commented May 19, 2017

@xuv is it really that significant if me and gargron agree on something?

I'm still generally against any "Three vertical lines" designs. They don't convey much to me besides III and stacks of books.

@xuv

This comment has been minimized.

Show comment
Hide comment
@xuv

xuv May 19, 2017

Contributor

@yiskah Yes. For me it is significant. Your history with this project makes your voice prevalent in the discussion. When we talk about design, we can bring valid and reasonable arguments to propose one solution or another. We can discuss the real benefits of certain design options. But there will be a need at some point where someone has to make a choice between two or more valid propositions. And that, from my point of view, is a responsibility I tend to give to the persons who were involved and actively contributing since the beginning. Which I believe is your case.

Contributor

xuv commented May 19, 2017

@yiskah Yes. For me it is significant. Your history with this project makes your voice prevalent in the discussion. When we talk about design, we can bring valid and reasonable arguments to propose one solution or another. We can discuss the real benefits of certain design options. But there will be a need at some point where someone has to make a choice between two or more valid propositions. And that, from my point of view, is a responsibility I tend to give to the persons who were involved and actively contributing since the beginning. Which I believe is your case.

@joyeusenoelle

This comment has been minimized.

Show comment
Hide comment
@joyeusenoelle

joyeusenoelle May 19, 2017

Contributor

Hi all,

We've just launched a Discourse instance for Mastodon at https://discourse.joinmastodon.org/; there's a thread there about the design and logos shipped with Mastodon. Since this thread is getting really long, and is a non-binding discussion rather than fixing an issue proper, how do you feel about moving it over there? (Either to the existing thread or to a new one; I'm not picky.) I don't want to add anyone's logo suggestions there without permission, but you're welcome to upload them or just link specific logos in this thread.

You can sign in to Discourse with your Github login, so it should be easy to move over. :)

Contributor

joyeusenoelle commented May 19, 2017

Hi all,

We've just launched a Discourse instance for Mastodon at https://discourse.joinmastodon.org/; there's a thread there about the design and logos shipped with Mastodon. Since this thread is getting really long, and is a non-binding discussion rather than fixing an issue proper, how do you feel about moving it over there? (Either to the existing thread or to a new one; I'm not picky.) I don't want to add anyone's logo suggestions there without permission, but you're welcome to upload them or just link specific logos in this thread.

You can sign in to Discourse with your Github login, so it should be easy to move over. :)

@yiskah

This comment has been minimized.

Show comment
Hide comment
@yiskah

yiskah May 20, 2017

Collaborator

Makes sense! Just be sure to link to this thread for continuity

Collaborator

yiskah commented May 20, 2017

Makes sense! Just be sure to link to this thread for continuity

@vin-san

This comment has been minimized.

Show comment
Hide comment
@vin-san

vin-san May 28, 2017

I moved my propositions here : https://discourse.joinmastodon.org/t/mastodon-socials-design/68/3 (Let me know if I put it on the wrong place)

vin-san commented May 28, 2017

I moved my propositions here : https://discourse.joinmastodon.org/t/mastodon-socials-design/68/3 (Let me know if I put it on the wrong place)

@voronoipotato

This comment has been minimized.

Show comment
Hide comment
@voronoipotato

voronoipotato Jun 21, 2017

I find Gargron's pick to be one of the least offensive, I'd personally remove the ear as the elephant is already in the shape of a chat bubble and is a bit redundant, but this is an acceptable middle ground.

I find Gargron's pick to be one of the least offensive, I'd personally remove the ear as the elephant is already in the shape of a chat bubble and is a bit redundant, but this is an acceptable middle ground.

@Starless-Night

This comment has been minimized.

Show comment
Hide comment
@Starless-Night

Starless-Night Jul 1, 2017

I think the pre-history trunk one would look good with a speech bubble or exemption point. if uses the same blue as the current logo.

I think the pre-history trunk one would look good with a speech bubble or exemption point. if uses the same blue as the current logo.

@mdik

This comment has been minimized.

Show comment
Hide comment
@mdik

mdik Jul 26, 2017

tl;dr (i read the beginning and the end), but I can't see how the new logo is an improvement. Not that I would have thought that the logo would have needed an improvement, as it looks cool in all the scales.

😢

mdik commented Jul 26, 2017

tl;dr (i read the beginning and the end), but I can't see how the new logo is an improvement. Not that I would have thought that the logo would have needed an improvement, as it looks cool in all the scales.

😢

@Gargron

This comment has been minimized.

Show comment
Hide comment
@Gargron

Gargron Jul 27, 2017

Member

This issue can be closed as we already got a new, great logo.

Member

Gargron commented Jul 27, 2017

This issue can be closed as we already got a new, great logo.

@Gargron Gargron closed this Jul 27, 2017

@ccoenen

This comment has been minimized.

Show comment
Hide comment
@ccoenen

ccoenen Jul 27, 2017

If anyone else got caught by this by surprise: apparently it's this:


Logo


Favicon

(not sure if this is only for the main instance or for all of mastodon, I like the favicon, though!)

ccoenen commented Jul 27, 2017

If anyone else got caught by this by surprise: apparently it's this:


Logo


Favicon

(not sure if this is only for the main instance or for all of mastodon, I like the favicon, though!)

@nclm

This comment has been minimized.

Show comment
Hide comment
@nclm

nclm Jul 27, 2017

Collaborator

It is indeed, there’s the full wordmark version as you inserted, along with two icon versions (the use of which should be more properly defined I think, I was going to write a post about these two as well as about the adaptation to instances, but later). The logo has been designed by Jin Nguyen. For reference and having the full story here, here’s the document presenting the new logo and icons in more detail (from press-kit.zip):

logo_1
logo_2
logo_3
logo_4

Collaborator

nclm commented Jul 27, 2017

It is indeed, there’s the full wordmark version as you inserted, along with two icon versions (the use of which should be more properly defined I think, I was going to write a post about these two as well as about the adaptation to instances, but later). The logo has been designed by Jin Nguyen. For reference and having the full story here, here’s the document presenting the new logo and icons in more detail (from press-kit.zip):

logo_1
logo_2
logo_3
logo_4

@ccoenen

This comment has been minimized.

Show comment
Hide comment
@ccoenen

ccoenen Jul 27, 2017

May I inquire how this came about? Neither this ticket nor the Discourse seem to answer this question. Neither Github nor the discourse in general feature any other discussion on "logo" as far as I could find.

ccoenen commented Jul 27, 2017

May I inquire how this came about? Neither this ticket nor the Discourse seem to answer this question. Neither Github nor the discourse in general feature any other discussion on "logo" as far as I could find.

@op3nus3r

This comment has been minimized.

Show comment
Hide comment
@op3nus3r

op3nus3r Jul 27, 2017

I was surprised to see this new logo, I thought that the creation process was open. :-/

I was surprised to see this new logo, I thought that the creation process was open. :-/

@joyeusenoelle

This comment has been minimized.

Show comment
Hide comment
@joyeusenoelle

joyeusenoelle Jul 27, 2017

Contributor

This thread was never intended to be a binding discussion, and allowing people to continue commenting simply leads to the discussion being prolonged and nothing getting done. This is true of any design by committee, and the problem only increases the larger the committee gets; a committee the size of "people who have opinions about Mastodon" could go in circles forever.

@Gargron, the owner of the repository, after months of discussion, thousands of words written, and hundreds of potential logos suggested - and after nearly two months of silence from the community, during which time anyone could have chimed in with additional ideas - made a decision and went with it.

Contributor

joyeusenoelle commented Jul 27, 2017

This thread was never intended to be a binding discussion, and allowing people to continue commenting simply leads to the discussion being prolonged and nothing getting done. This is true of any design by committee, and the problem only increases the larger the committee gets; a committee the size of "people who have opinions about Mastodon" could go in circles forever.

@Gargron, the owner of the repository, after months of discussion, thousands of words written, and hundreds of potential logos suggested - and after nearly two months of silence from the community, during which time anyone could have chimed in with additional ideas - made a decision and went with it.

@Gargron

This comment has been minimized.

Show comment
Hide comment
@Gargron

Gargron Jul 27, 2017

Member

I thought that the creation process was open

This GitHub issue was not opened by a core contributor or member of the project. I hired a professional designer and we went through a couple iterations with feedback from the project's patrons in our Discord.

Member

Gargron commented Jul 27, 2017

I thought that the creation process was open

This GitHub issue was not opened by a core contributor or member of the project. I hired a professional designer and we went through a couple iterations with feedback from the project's patrons in our Discord.

@raphaelbastide

This comment has been minimized.

Show comment
Hide comment
@raphaelbastide

raphaelbastide Jul 30, 2017

Thank you everyone for your time, your comments, your tests an your inspiration!

You’re welcome 🐘!

Thank you everyone for your time, your comments, your tests an your inspiration!

You’re welcome 🐘!

@xuv

This comment has been minimized.

Show comment
Hide comment
@xuv

xuv Aug 4, 2017

Contributor

I'm the one who started this thread and I apologize to anyone who felt mislead by it. The intentions were to create a brainstorming process, a central point of conversation as much as a design experiment. Due to life-work priorities, I indeed left the thread on hold for a too long period of time and I apologize to all of you for this. Though, I can clearly see in the excellent design work that Gargron has chosen as a final logo that our brainstorming process and everyone's contribution here have had an influence on the final result.

So I want to thank everyone who participated and to the core dev team to have let this happen.
Your work is not lost. Mastodon has now a beautiful official logo that works at all sizes and shades. As for the other propositions, if you run your own instance, nobody stops you from using your preferred one. Or an endless version of it.

☮️

Contributor

xuv commented Aug 4, 2017

I'm the one who started this thread and I apologize to anyone who felt mislead by it. The intentions were to create a brainstorming process, a central point of conversation as much as a design experiment. Due to life-work priorities, I indeed left the thread on hold for a too long period of time and I apologize to all of you for this. Though, I can clearly see in the excellent design work that Gargron has chosen as a final logo that our brainstorming process and everyone's contribution here have had an influence on the final result.

So I want to thank everyone who participated and to the core dev team to have let this happen.
Your work is not lost. Mastodon has now a beautiful official logo that works at all sizes and shades. As for the other propositions, if you run your own instance, nobody stops you from using your preferred one. Or an endless version of it.

☮️

@saper

This comment has been minimized.

Show comment
Hide comment
@saper

saper Aug 4, 2017

Contributor

Thank you, @xuv!

Contributor

saper commented Aug 4, 2017

Thank you, @xuv!

@aral

This comment has been minimized.

Show comment
Hide comment
@aral

aral Aug 16, 2017

@Gargron You’re everything that’s right in independent technology right now – please keep being awesome :)

PS. Love the new logo.

aral commented Aug 16, 2017

@Gargron You’re everything that’s right in independent technology right now – please keep being awesome :)

PS. Love the new logo.

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