Hyperapp: Logo

[rbiggs]

So, we have a logo for the project, but it's kind of overly simplistic. The project needs a killer logo, something with power - a mandala or chakra vortex. I took the letters h and a and transposed them to create a logogram. I was shooting for something that conveys power and trust, a bit of a corporate feel, but not oppressive. Something that would look good as a sticker on a laptop or as a t-shirt. Something that would stick in your head once you saw it. Something visually distinct from the Angular, React, VueJS logos.

I used Avenir Condensed, but I changed the stem widths and curve depths to make the two pieces fit together. The original is just a Sketch file, from which I produced png and svg formats.

Behold:

What do you guys think?

[lukejacksonn]

I think the current logo is pretty killer 💯 this design feels a little soft considering the somewhat brutalist (deliberate plainness) approach hyperapp encourages; clearly abstracted and coherent parts that come together to create something functional and easy to comprehend. My initial feeling is that the primitive shapes and sharp edges of the square and triangle that make up the existing logo depicts this ethos better than this proposed design.

Here are some assets @jbucaran posted on slack that you might find inspiration in. Mainly putting them here as reference for discussion:

[jorgebucaran]

Just for fun.

| White | Black |
|-------|-------|
| |

[userpixel]

I like the theme of the second logo which goes well with the simplicity and light weight of the code. :+1:

[jorgebucaran]

Very nice CSS rendition of the logo by @lukejacksonn.

• http://codepen.io/lukejacksonn/pen/JWXLNo?editors=0100