webpack brand

[jhnns]

This issue is dedicated to talk about the webpack brand (logo and design).

@shama created a first draft of the logo:

[jhnns]

Nice design, I was thinking about a cube as well. Maybe something M.C.Escher-like?

I also like the second/third logo in the first row the most. Do you have a .psd or .ai to fiddle around? I would like to take your draft on to experiment with typography and colors.

[sokra]

As animation we can rotate the inner cube fast left and the outer cube slowly rightway... ;)

[jhnns]

Hehe, mindfuck!

[shama]

Yep! Here is a link to the PSD: https://dl.dropboxusercontent.com/u/571273/webpack/webpack.psd Have at it.

Animating it sounds awesome. I did a little bouncing one for voxel.js: http://voxeljs.com/ CSS3 cubes are fun.

[jhnns]

Never heard anything of css3 cubes before. Sounds interesting :+1:

I thought we could have a cube with different shapes within (representing different module styles and syntaxes :wink:), but with only one shape at a time. So it starts with a little cube, then it rotates and there is a pyramid, then a sphere, then an octahedron.

[shama]

@jhnns Oh yeah, that is an awesome idea.

I got started on a CSS cube mixin here: https://github.com/webpack/docs/blob/gh-pages/app/css/mixins.styl

[sokra]

Any comments on the current design?

• shadow?

[jhnns]

Personally I prefer @shama's draft. Imho the cube's perspective should be isometric.

I'll experiment with the doc's design, but currently I have to finish another project. One at a time... :)

[sokra]

And the animated version online: http://webpack.github.io/docs/

[jhnns]

Nice :+1:

[jhnns]

We should bring in some colors

[sokra]

Propose some. They are interchangeable here: https://github.com/webpack/docs/blob/master/app/css/style.styl#L48-L58

[jhnns]

Yeah, I'll do. This is the next project on my agenda, but currently I have to finish another ^^.

[shama]

Nice @sokra! That animation is hot. :D

[altano]

The logo is pretty cool but the font doesn't scale well: the smaller size is very poorly aliased. Is that the font's fault or the scaling method?

My vote is for the one in the bottom right of the original post. It's a little wacky but I love it.

[sokra]

@altano Seems like chrome doesn't antialias the fonts correctly (they are rendered in layers, because of absolute/relative positioning). Thats only a problem of the website, the images are fine. I'll check how this can be fixed.

[Alhadis]

Don't know if this will be of use to anybody, but I created a solid-coloured/silhouetted version of Webpack's logo for an icons package:

If anybody wants it, I've attached the original Illustrator file. =)

[DenisIzmaylov]

Friends, I have a one question. Could I use a logo concept to visualize schema for PostCSS-to-JSS converter? Something like that:

Source: https://github.com/axept/prejss

[jhnns]

Is PreJSS using webpack? If yes, I think it would be appropriate if you also mention it. We allow every module in our ecosystem to use the logo.

If PreJSS is not related to webpack, I think it would be misleading to use the same logo.