@Samuel hehe! :D After seeing both yours and @Dustin's icons I really felt like I couldn't help giving my own interpretation.
And whitespace was definitely part of it.
If you add serifs to the top of the M, it'll be easier to read as an M. As it stands, I wouldn't see the M unless I knew to look for it. And even then, it's not the easiest to parse out.
@Davide humbled. Thanks buddy.
@Jeroen hehe it might well be, but I kinda like it in this "thin" way :)
@Kurt hard for me to agree, sorry. Serifs wouldn't really fit the style and stating that a clear, uncompromised, sans-serif M is hard to parse is quite odd.
@Nicola Armellini What I'm saying is it looks like a normal notched, banner-style down arrow. I know the M is there because I expect it to be there; someone encountering it in the wild wouldn't see the M without knowing to look for it.
Something that might help would be to lower the x-height on the M (using a typeface like Helvetica where the center point drops all the way to the baseline). This would increase the severity of the top angles, thus calling attention to the M and away from the arrow itself. Lopping off those two sharp angles at the top in favor of the flat Helvetica-style M would probably help out there, too.
@Kurt now, we're talking hehe :)
Totally see your point here man, they are valid observations, but I opted for this solution for four reasons:
1) I wanted the arrow to be really important and make it look just like the Shift button on the keyboard.
2) I kept the angles at the top sharp just like the other two at the base of the arrow.
3) there are actually two M's: the one you see as part of the arrow and the one created with negative space, above the glyph. I'd rather not go more explicit than that.
4) lowering the center point to the baseline would compromise the flow of parallel lines.
Down arrow is too deeply associated with download to be Markdown. But i must say that i love this execution. I think i will take a stab at this markdown symbol :) Dude you just inspired me.
25 Responses
Pro
Nicola Armellini
After seeing Dustin's Markdown icon I couldn't help giving it a go and "propose" my own version.
It has a close relation to a symbol we all perfectly know and at the same time it has both the initial M and the downward pointing arrow.
What do you think? :)
over 1 year ago
Pro
Maxwell Barvian
My favorite so far!
over 1 year ago
Pro
Nicola Armellini
@Maxwell appreciated man :)
over 1 year ago
Crisp!
over 1 year ago
Love it!
over 1 year ago
Pro
Nicola Armellini
Grazie @Luca!!! :D
over 1 year ago
Pro
Samuel Fine
Great minds think alike! ;) http://dribbble.com/shots/424013-This-Means-Markdown-
This is exactly what I was hoping for, much better implementation of the whitespace idea.
over 1 year ago
Pro
Nicola Armellini
@Samuel hehe! :D After seeing both yours and @Dustin's icons I really felt like I couldn't help giving my own interpretation.
And whitespace was definitely part of it.
over 1 year ago
It needs a little more body in my opinion, but I might wrong. Very crisp!
over 1 year ago
If you add serifs to the top of the M, it'll be easier to read as an M. As it stands, I wouldn't see the M unless I knew to look for it. And even then, it's not the easiest to parse out.
over 1 year ago
This is brilliant. A real logo, well crafted. It might be refined a bit, but at this point, I'd say that only Gruber should give pointers. :)
over 1 year ago
Pro
Nicola Armellini
@Davide humbled. Thanks buddy.
@Jeroen hehe it might well be, but I kinda like it in this "thin" way :)
@Kurt hard for me to agree, sorry. Serifs wouldn't really fit the style and stating that a clear, uncompromised, sans-serif M is hard to parse is quite odd.
over 1 year ago
@Nicola Armellini What I'm saying is it looks like a normal notched, banner-style down arrow. I know the M is there because I expect it to be there; someone encountering it in the wild wouldn't see the M without knowing to look for it.
Something that might help would be to lower the x-height on the M (using a typeface like Helvetica where the center point drops all the way to the baseline). This would increase the severity of the top angles, thus calling attention to the M and away from the arrow itself. Lopping off those two sharp angles at the top in favor of the flat Helvetica-style M would probably help out there, too.
over 1 year ago
Pro
Nicola Armellini
@Kurt now, we're talking hehe :)
Totally see your point here man, they are valid observations, but I opted for this solution for four reasons:
1) I wanted the arrow to be really important and make it look just like the Shift button on the keyboard.
2) I kept the angles at the top sharp just like the other two at the base of the arrow.
3) there are actually two M's: the one you see as part of the arrow and the one created with negative space, above the glyph. I'd rather not go more explicit than that.
4) lowering the center point to the baseline would compromise the flow of parallel lines.
Thanks for taking the time to comment!
over 1 year ago
Pro
Trav
yes.
over 1 year ago
Pro
Nicola Armellini
@Travis yea! ^^
over 1 year ago
Pro
Vince Speelman
really digging it. Might like a solid version even more.
over 1 year ago
This is gorgeous! Great job Nicola!
over 1 year ago
Pro
Nicola Armellini
@Vince I'd love to also try other versions, for a proper branding. Who knows what will happen ;)
@Franz thank you so much buddy, glad you like it!
over 1 year ago
Down arrow is too deeply associated with download to be Markdown. But i must say that i love this execution. I think i will take a stab at this markdown symbol :) Dude you just inspired me.
over 1 year ago
Pro
Nicola Armellini
@Maximilian man, so glad to be inspiring. It's the best I can ask for :)
over 1 year ago
@Nicola Armellini You got me in the game. http://dribbble.com/shots/426906-Markdown-symbol
over 1 year ago
Pro
Missy Titus
this is clearly the best one. :)
about 1 year ago
Pro
Nicola Armellini
Thank you so much @Melissa ;)
about 1 year ago
Not bad looking but I don't think it could ever catch on as a "Markdown" logo/badge without an "M" somewhere...just my Opinion
11 months ago