Logos – JavaScript for Designers


The parameters of the assignment were to make three different types of logos, using three different color schemes. They could be for any group/association/company, real or imagined.


I already needed a logo for my next website, so decided to piggyback the two. The website is “JavaScript for Designers”. The audience for the website is web designers who are attracted to all the fun stuff you can do in browsers, such as animations, but are intimidated by the existing resources – which are predominantly written by developers, for developers. It’s ironic that the practical applications for JavaScript are so attractive to designers, but the resources aren’t targeted toward them – whereas many developers are disinterested in JavaScript.

The site is supposed to be learning resources, blogs, discussions, and cool tips on how to use JavaScript to do neat things – and written to be interesting.


I began by sketching out interesting combinations of letters, and quickly realized I didn’t have very many non-type symbols that came to mind. After a bit of googling, the obvious symbol of a coffee cup came up – I’m still a bit embarrassed that I hadn’t thought of that right away, but that’s why research is such an important part of design I suppose. From there I moved on to Illustrator.

Logo 1 – Typographic: This logo started as a line of code. I first selected the font for the code itself, Klint Std, a square sans font. It’s squared shape and tall-thin structure looked very nice as code, and contrasted well against the second font I used for the word “design”. For this I selected “Legacy Sans”, which came in some interesting thicker weights. I also thought the looped “g” looked particularly good, and overall the font contrasts well against the code to draw attention to the word. I used simple black and dark red, because I don’t want as much attention drawn to color.

Logo 2 – Shape and Letter: This idea came about because of the symmetrical nature of the initials “JS4D”. Once again I used “Legacy Sans” because of its ultra-bold weight. I used a complementary color scheme with blue and orange.

Logo 3 – Symbol: The coffee mug is a pretty obvious symbol for JavaScript, but I distinctly chose a style for the illustration that was minimalist and yet, I thought, interesting and classy. I traced this mug shape with the pen tool from a picture I found on the internet, by placing it on its own layer and marking that layer as “Template” using the drop-down in the layers panel. I used Akko Rounded, a unique sans-serif font, at a bold weight to better match the thickness of the mug handle. Once again, this color scheme isn’t really a scheme so much, just a simple chocolate brown. Technically, it qualifies as Monochromatic.


When showing the three logos to peers, they often selected the second most, followed by the third. However, most of the people who selected the second logo also were not the target audience of the site – they didn’t know about JavaScript or what it would be used for. I’m assuming that those coming to the site already know what it is, even if they don’t know how to use it yet.

With that in mind, my favorite is probably the third, because of its use of symbol and overall simplicity. However, I have a strong attatchment to the top one because not only is it a logo, but a valid line of code – it may make a nice banner or t-shirt design at some point.

Comments are closed.