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
My favorite so far!
@Maxwell appreciated man :)
Grazie @Luca!!! :D
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.
@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.
It needs a little more body in my opinion, but I might wrong. Very crisp!
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.
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. :)
@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.
Thanks for taking the time to comment!
@Travis yea! ^^
really digging it. Might like a solid version even more.
This is gorgeous! Great job Nicola!
@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!
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.
@Maximilian man, so glad to be inspiring. It's the best I can ask for :)
@Nicola Armellini You got me in the game. http://dribbble.com/shots/426906-Markdown-symbol
this is clearly the best one. :)
about 1 year ago
Thank you so much @Melissa ;)
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
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter