Grow your CSS skills. Land your dream job.

My new logo… in ASCII

  • NIX
    # March 19, 2014 at 1:21 am

    So, I’ve been trying to revamp my logo for a little while and I’ve been really inspired by ASCII lately. The thing I love about it is the fact that I can pimp out my BASH configs to display awesome ASCII art. So… I wanted a logo that I could easily ASCII-fy. Here is the ASCII version:

       ___        ___        ___
      /__/\      /  /\      /  /\
      \  \|\    /  /||\    /  /|/_ 
       \  \|\  /  /|/\|\  /  /|/ /\
        \  \|\/  /|/  \|\/  /|/ /|/_
         \__\/__/|/    \/__/|/ /|/ /\
         /  /\  \|\    /\  \|\/|/ /|/
      __/  /|/\  \|\  /|/\  \||/ /|/
     /__/\/|/  \  \|\/|/  \  \|\/|/
     \  \ |/    \  \||/    \  \||/
      \__\/      \__\/      \__\/
    

    I think I’ll vector this tomorrow for the real thing. I like that it’s my name but it’s still a bit abstract. As part of the hacker ethos, I can’t have my logo be totally distinguishable upon first glance. I want to give people a little brain candy and make them feel smart when they finally ‘see’ it.

    Also, I like that I can do a little CSS transition on it. It can start as just a few chevron arrows/brackets and dots and slide open to be my name.

    # March 19, 2014 at 2:01 am

    Looks promising. When vectorising this, I can imagine looking at some display typefaces for ideas of playful solutions ( out of this juxtaposition of illusionism and straight angles).

    NIX
    # March 19, 2014 at 2:41 am

    Thanks! I’ve always liked the Verge logo.

    It will start out close to this:

         ___   ___   ___
        /__/\ /  /\ /  /\
        \  \|/  /||/  /|/_ 
         \  /  /|//  /|/ /\
          \/  /|//  /|/ /|/_
          /__/|//__/|/ /|/ /\
          \  \|\\  \|\/|/ /|/
        __/\  \|\\  \||/ /|/
       /__/\\  \|\\  \|\/|/
       \  \ |\  \||\  \||/
        \__\/ \__\/ \__\/
    
    NIX
    # March 19, 2014 at 2:42 am

    Maybe I’ll make the ‘E’ just three lines. I’ll have to see how it looks.

    # March 19, 2014 at 4:11 am

    The Last variation seems even better suitable for a logo, for it’s terse ( will fit nicely inside of a square).
    Just like that Frustro font, also “the Verge”‘s logo has this Penrose triangle treatment. Guess you are already thinking about doing variations on this theme, so maybe you can use that as well …

    ( And there is always the inevitable M.C. Escher of course for many examples … )

    NIX
    # March 19, 2014 at 9:48 am

    The Last variation seems even better suitable for a logo, for it’s terse

    That’s always important to me for social media. Also, it could start out as a cube, then do a cutaway in the animation and then spread the slices apart. That would be sick.

    # March 20, 2014 at 12:56 pm

    instead of vector, why not SVG? math is wonderful!

    what did you use to create that? MS notepad?

    # March 20, 2014 at 1:48 pm

    what did you use to create that? MS notepad?

    .___  __ /\       
    |   |/  |)/ ______
    |   \   __\/  ___/
    |   ||  |  \___ \ 
    |___||__| /____  >
                   \/ 
         ____.               __   
        |    |__ __  _______/  |_ 
        |    |  |  \/  ___/\   __\
    /\__|    |  |  /\___ \  |  |  
    \________|____//____  > |__|  
                        \/ 
    ___________              __   
    \__    ___/___ ___  ____/  |_ 
      |    |_/ __ \\  \/  /\   __\
      |    |\  ___/ >    <  |  |  
      |____| \___  >__/\_ \ |__|  
                 \/      \/ 
    
    # March 20, 2014 at 1:48 pm

    dupe post. please delete

    NIX
    # March 20, 2014 at 6:42 pm

    It’s just text

    HA HA HA!

    instead of vector, why not SVG? math is wonderful!

    SVG stands for “scalable vector graphic.” That’s what I mean.

    what did you use to create that? MS notepad?

    I used Sublime Text 2 because Vim seemed hard for something artistic. Any editor with mono-spaced text will work.

    # March 20, 2014 at 7:03 pm

    For fun:

      ,)
     /_|___,
    (´ ' /
        (
    

    For reference:

    @logo

    NIX
    # March 21, 2014 at 10:50 am

    Wow. Strong work.

    # March 21, 2014 at 12:08 pm

    Thank you. Do you prefer the second or the first? I’ve always been indecisive about it.

      ,)
     /_|___,
    (´ ' /
        (
    
      ,)
     /_|___,
    (  ' /
        (
    
    NIX
    # March 21, 2014 at 1:04 pm

    I probably like the 2nd. It’s a bit cleaner. But… I say you should make it bigger and thicken it up… just like the original.

    # March 21, 2014 at 2:24 pm

    I say you should make it bigger and thicken it up… just like the original.

    Yeah, I’ll give that a try. But I do want a small “sig” version.

Viewing 15 posts - 1 through 15 (of 16 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".