Ni_may11_01

Markdown

by Nicola Armellini Pro Feb 13, 2012
in Training
Markdown_dribbble
Markdown_icon_teaser This Means Markdown UPDATE: See: http://dribbble.com/shots/470338-The-Markdown-Mark I'm making something, and it uses Markdown. But there's no universal symbol for Markdown. Ma... February 13, 2012

This shot is a Rebound of...

This Means Markdown

by Dustin Curtis

8 buckets
Tweet
3,059 views
http://drbl.in/daSO
Icon-colordrop

Tags

  1. 5
  2. 2
  3. 2
  4. 1
  5. 1
  6. 1
  7. 1

24 Responses

  1. Pro Ni_may11_01 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? :)

    4 months ago

  2. Pro Big Maxwell Barvian

    My favorite so far!

    likes

    4 months ago

  3. Pro Ni_may11_01 Nicola Armellini

    @Maxwell appreciated man :)

    4 months ago

  4. Ae_profile_pic_big Andrew Edwards

    Crisp!

    likes

    4 months ago

  5. Profilo3_500 Luca Salvini

    Love it!

    likes

    4 months ago

  6. Pro Ni_may11_01 Nicola Armellini

    Grazie @Luca!!! :D

    4 months ago

  7. Pro Samatar 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.

    likes

    4 months ago

  8. Pro Ni_may11_01 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.

    likes

    4 months ago

  9. Dribbbble-avatar Jeroen Ransijn

    It needs a little more body in my opinion, but I might wrong. Very crisp!

    4 months ago

  10. Pro Kurt profile pic Kurt Madsen

    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.

    4 months ago

  11. Folletto portrait 2011 - avatar Davide 'Folletto' Casali

    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. :)

    likes

    4 months ago

  12. Pro Ni_may11_01 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.

    4 months ago

  13. Pro Kurt profile pic Kurt Madsen

    @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.

    likes

    4 months ago

  14. Pro Ni_may11_01 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!

    4 months ago

  15. Pro Screen_shot_2010-07-06_at_1 Trav

    yes.

    likes

    4 months ago

  16. Pro Ni_may11_01 Nicola Armellini

    @Travis yea! ^^

    4 months ago

  17. Vince_speelman Vince Speelman

    really digging it. Might like a solid version even more.

    likes

    4 months ago

  18. Fudgegraphics_avatar_7 Franz Jeitz

    This is gorgeous! Great job Nicola!

    likes

    4 months ago

  19. Pro Ni_may11_01 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!

    4 months ago

  20. Dribbble-avatar Maximilian Larsson

    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.

    likes

    4 months ago

  21. Pro Ni_may11_01 Nicola Armellini

    @Maximilian man, so glad to be inspiring. It's the best I can ask for :)

    4 months ago

  22. Dribbble-avatar Maximilian Larsson

    @Nicola Armellini You got me in the game. http://dribbble.com/shots/426906-Markdown-symbol

    likes

    3 months ago

  23. Pro Giraffe Missy Titus

    this is clearly the best one. :)

    likes

    3 months ago

  24. Pro Ni_may11_01 Nicola Armellini

    Thank you so much @Melissa ;)

    3 months ago

Ads via The Deck

More by Nicola Armellini

More In Training

keyboard shortcuts: ← previous shot → next shot L or F like