A potential logo implementation

[jeremiak]

We made a logo #25 during the open source hack day and I thought I'd take a stab at working it into the page.

What do you all think? I put up the current branch at http://jeremiak.github.io/hackerhours.org/ to check out

[afeld]

Nice! What do you think about having it replace the first "H", or moving the logo centered above the title?

[jeremiak]

Interesting ideas, I gave them both a shot

1. I think replacing the first "H" makes it look kind of corny, but open to it: http://up.jeremiak.com/amsp
2. Centering the logo on a new line could work: http://up.jeremiak.com/an0G

I personally like them both on the same line but I'm not committed to any of the layouts. What do you think @siberiancharm?

[afeld]

I think replacing the first "H" makes it look kind of corny

It would probably need to more closely match the font to work inline. We could just move the logo to the top left corner and not ever put it next to the full title...

[jeremiak]

So matching the font a bit more makes it look pretty cool, imho: http://up.jeremiak.com/an4t.

I think it might be better to use it like this than in the navbar because I think it will be a bit too small to see. But I'll go ahead and give it a shot in a bit.

[afeld]

matching the font a bit more makes it look pretty cool

Works for me! May continue to play with the proportions/kerning, but I think this could be close.

I think it will be a bit too small to see

I'm not attached to the current layout of the navbar (or the site in general), but that's a whole other can of worms 😉

[gabekneisley]

What if we change the font to something with a similar stroke width to character width ratio, so that the logo fits more naturally. How about Roboto maybe 700 or 900.

[jeremiak]

@gabekneisley I think that's an awesome idea, here it is with Roboto: http://up.jeremiak.com/an4k

The problem is getting it to work well on mobile: http://up.jeremiak.com/an6Z

I'm going to go back to playing around with having the logo centered. Maybe if it on a line under the h1 text it will look a bit more in place

[gabekneisley]

One other idea could be to actually use the H from the font, with the font-size set to a pixel value. Keep the clockface part of the logo, and position it absolutely onto the text itself, like so:

CodePen, but missing your clever positioning calculations :)

[emiclark]

I like the idea of using the font as a base and juxtaposing the clock face on top. Don't know if the logo would behave consistently over all devices. Worse case scenario is that you will have a floating clock face and the HackerHours will stay intact.
The extra heavy bold font above feels very weighted, heavy, & serious. Maybe a lighter font will convey social, communal, helping & sharing. Thought that a two toned treatment may be nice.

[afeld]

Don't know if the logo would behave consistently over all devices

I say we decide on the ideal, and we'll figure out how to make it work.

a lighter font will convey social, communal, helping & sharing

👍

[afeld]

@kbaum Whaddya think?

[kbaum]

Disclaimer.. i suck at design.

Looks awesome already... love the clock and i love that we use javascript to animate the logo because that gives it more of who we are.

One thought.. Could we try putting the Hours underneath the Hacker? Also, we could try being a little bit more edgy and using one leading H for both Hacker and Hours. This will also make it a little more self contained and DRY 😄

[emiclark]

Here's a quick and dirty draft of the logo, going in a different direction. The font is Noteworthy. I got this idea by looking around the office and seeing writing on the walls, desks, any possible surface available. The clock is a play on the o in hours. It's cute, relaxed

. Don't really know if that is what you are going for.

[afeld]

Nice! Certainly more fun, and I like that has a feel of whiteboarding. The one thing I like about the clock in the "H" is that it's square-ish so it works as an avatar, e.g. for the Meetup page and Twitter.

I suppose we could just use it in the banner and figure out something else for the avatar...

[emiclark]

I like the red in thoughtbot's robot logo. Also like anything alien, robot, and cute like githubs' logo. Made a version where the words stack ontop of each other.

The abstract idea of time flies when hacking at hacker hours.... maybe reaching too far on this ...

[afeld]

Haha yeah I think the clock plus the wings are a bit much. Thanks for playing with it though!

[afeld]

Closing in favor of #160. Thanks for all the work on this!