Meteor is a novel, open-source platform for building top-quality web apps in a fraction of the time.
I love Meteor. I’m a designer with too many ideas for his own good and I've been searching for an efficient framework that lets me build good things fast. After trying Backbone, Ember and Angular, my search ended with Meteor. I can write JS everywhere and see my server code right next to the client. I can add an accounts system or any other previously tedious componentry in minutes.
The most exciting thing about Meteor is its ambition and potential to change the landscape of development. And I'd like to play a part in that.
Below are the results of a weekend of sketching on a new Meteor identity. In keeping the light on how I work, I'm going to include the good, bad and ugly.
LOGOTYPE & MARK CONCEPTS
A logo carries a heavy burden these days. It needs to convey the idea of the organization across varying contexts. From the favicon or twitter avatar to the banner at SXSW, a good logo is legible and expressive in every instance.
Lets just get the obvious ideas out of the way.
E and O attempting to make a meteor but not immediately clear.
Horizontal orientation would make some applications difficult.
Lower case type is approachable and modern.
But this looks too similar to some other brand.
Simple geometric shapes are nice. Communicates the idea in a concise way.
Erring on too plain.
Some leftover giblets. Started playing with the rounded lines
which lead to the most promising idea…
Now we're getting somewhere. Good style and legibility.
It's still raw but the idea has potential.
REFINING THE 7-LINES MARK
After finding a good concept for the mark, I refined the form and took time to explore logotype options with tests of different orientations and sizes.
2. Rotate to 45° angle. Adds of speed and movement.
3. Round the front to make it more meteor-like.
4. Refine line intervals and overall shape.
FINDING THE RIGHT TYPE
Meteor is a forward-thinking framework. I chose five geometric sans typefaces for their perpetual progressive style.
Neutraface 2 Demi
Brandon Grotesque Bold
Uppercase gives more authority. Rounded corners of the type
works with the rounded lines of the mark. But the angles of the "M" jar with the mark's 45° angle, making it loud and distracting.
This is a great typeface for meteor. Clean and balanced with a
little bit of spacey futurism.
Ah, the best of both worlds.
Similar letter forms to Pluto Sans but with rounded corners.
Vertically stacked and horizontal versions.
The mark at 24px, 36px, 48px, and 60px heights.
SITE SKETCHES, COLORS & STICKERS
With the weekend coming to end, I wanted to explore a few applications of the logo. Images link to larger versions.
Thanks for looking. I hope you saw something you liked.