Project logo

[ai]

I think this project need separated logo. But let’s avoid Schutzstaffel associations ;).

/cc @janmarek

[ai]

@qrczak yeap, I am OK with pink. Especially because it has association with Sass. It is good in SugarCSS case.

[ai]

@danielbayley BTW, what about sugar cude perspective in top edge? I saw that you tried to copy shield edges angle in cube vertical edges. But top edge looks weird.

[igoradamenko]

+1 to @ai. I think it would be great to use sugar cube from Adventure Time. It's more cute & friendly than yet-another-logo-like-css3-and-html5. I hope designers will try to use it!

[ramoona]

I think sugar cube as person (like that one from Adventure Time) would be nice and also memorable ^^

[danielbayley]

Just one quick thought but the perspective seems weird to me. what about sugar cube perspective in top edge?

Here's a quick side by side of that one…

Obviously if the consensus is to go with that one it would need tweaking. I just quickly fashioned it from an SVG of the existing CSS3 shield, which I'm not actually a huge fan of or anything… just a quick idea thrown up here. I prefer some of the other typographic ideas personally and an isometric cube.

I think PostCSS itself is more analogous to those things anyway… with this project being more akin to Sass.

[danielbayley]

I personally prefer just the isometric sugar cube (fits with node etc…) with some well set rounded type. I also liked @corysimmons idea of the reflected S which either forms a heart, or a smiley animal, depending on how you use it.

[corysimmons]

The CSS3/HTML5 shield is so overdone...

I'm going to see if my designer friend will take a stab at the sugar cube character.

[danielbayley]

He looks like this without accessories…

[dbox]

What about a cute cube sitting on another "indented" cube? hehe

[corysimmons]

Designer friend is taking a stab at it. Let me know what everyone thinks:

[marcustisater]

I was just about to mention the idea of going back to the sugar cube character, that's the one most associated with the project name.

@corysimmons: I think the 2nd one without the background would look great. Thank your friend for the suggestions, feel free to leave name if he/she would like to have credits for this.

[ai]

@corysimmons character looks very cute. Good work :).

Adventure Time character has a face on every side. I like it, because it so weird and this connected it it alchemy style of PostCSS.

Cube with a cup looks awesome because of dynamics. But because we need to paint cup, image become to big and not like a real logo. Maybe we can miss the cup and falling cube anyway will show the “falling into coffee/tee” idea? (But I am not really sure in it)

[Grawl]

and this connected it it alchemy style of PostCSS

So maybe it will be Bill Cipher?

Okay, okay, Bill is for another PostCSS tool I think 😄

[ai]

@Grawl Bill is the best mascot for PostCSS!

[Grawl]

@ai wow it seems I just did something good 😸

[carpogoryanin]

I'm not a painter but I made a sketch with my idea: "CSS" with Sugar Man. (Sugar Man can be at another position)

[carpogoryanin]

@corysimmons your friend's sugar is very pretty, but looks a little bit like a sick with rubella :)

[ai]

@carpogoryanin to big image for logo. Same issue with cube falling into a cup. This like good logo should be recognizable in 32×32.

[1j01]

(Oh, has discussion moved on from that? The page didn't update...)

[ai]

@1j01 nope, it is a copyright image. Right now I love character @corysimmons more.

[corysimmons]

@ai Were you talking about doing something like this?

Also, the designer who is working on this is Maria Keller. It'd be great if we could add her to the README. Also if anyone needs graphic design you should definitely check in with her. :D

• https://dribbble.com/mariakeller
• http://www.mariakellerac.com

[ai]

@corysimmons awesome! It is so cute!

So, let's take this logo. Or somebody have any other suggestions?

Can Maria send a PR with logo SVG?

[Grawl]

I don't like this one by @corysimmons. Maybe it's too childish. Can anyone make the one from @ai post at the beginning of this conversation more dark way? Like sugar cube with a face on each side with something alchemical.

[ai]

@Grawl design is not about like/dislike. It is much close to engineering. It is about solving or not solving the task.

Why you think child style can't solve this project tasks?

I think it is OK:

1. It is memberable instead of abstract logos.
2. It is has connection with name.
3. It is way to print and using in low-res.
4. The only problem is that it doesn't have connection with PostCSS dark alchemy style. But it is OK. PostCSS has no common brand style. Every plugin users own style.

[Grawl]

@ai I like the idea but don't like this style. Maybe more Adventure Time style will be better.

Yes, design is not about like/dislike. Sometimes.

But the art is.

[1j01]

I don't like the speckles on that character, they look more like freckles or pox than crystals. Looking like freckles isn't necessarily bad, considering it's an anthropomorphization, but I don't like how it looks like pox. Perhaps they could be made to look more like freckles (i.e. focused to some degree on the cheeks). I'm also not a fan of the perspective where the front face of the cube is rectangular.

I definitely like the spoonful of sugar or the badge options best at this point.

[Grawl]

I really like the one “witout accessories” posted by @danielbayley in https://github.com/postcss/sugarss/issues/7#issuecomment-195446801. Really, really cute and close to alchemy. Just a sugar with cute face on front side and sad face on second.

[ai]

@Grawl Daniel's version is copyright. Just a test. So it is not a option right now, until somebody will paint it.

Why do you think Maria art style can't work for Sugar CSS logo?

[Grawl]

@ai I like style of Maria Art but happy piece of sugar jumping into a cup is not what I want to see on project page 😄. If someone will paint it, I prefer to multifaced cube.

[marcustisater]

Sorry for stepping on any toes here but I think it's time to pick some sort of direction or decision. The sugar cube "mascot" is more associated with the project name then a badge or cube as mentioned before.

My votes on @corysimmons latest update

Details can be updated later imo.

[ai]

@Grawl sorry, but "I don't like" is prohibited here. We should tell only about objective things.

I think you are talking about "smile sugar cube is not in PostCSS dark style". It is a good example, why we must prohibit subjective. Because it is important to you, to understand real objective source of your subjective thoughts.

As I told having same style with PostCSS is not our goal. It is good thing, but not important.

[danielbayley]

design is not about like/dislike

True. The bikeshedding effect kicks into overdrive when it comes to design, especially in this kind of format. I was curious to see how it might work on here; it obviously works beautifully for software. Design not so much…

It's not possible to please everyone no matter what you go with.

good logo should be recognizable in 32×32.

…or any size, and in any situation, although in this case it's unlikely to need printing or anything.

I'm not sure how you would get an illustration into a 32x32 favicon?

This is Illustration now as opposed to logo design (very nice illustrations… be sure to thank Maria @corysimmons).

PostCSS has no common brand style.

Maybe it should? But then with the plugin architecture perhaps that doesn't scale…

[corysimmons]

PR's added.

[michael-ciniawsky]

Why not at least stencil the PostCSS logo on one side of the sugar cube for better association with the PostCSS project itself ? Or use the PostCSS logo as kind of 'summoning indecator' and summon a sugarcube displayed in the middle of the logos inner circle. maybe some cubes could already make a circle around it summoning a new follow ;) etc etc.

[ai]

@michael-ciniawsky originally I thought about using Sugar CSS outside PostCSS ecosystem too. Looks for example at Rework’s css-whitespace.

Anyway, Autoprefixer, RTLCSS, Stylelint, CSS Modules has no PostCSS stencil in their logos.

[ai]

But let’s make a brainstorm. What if we call this project “PostCSS Sugar”? With .pss extension.

[Grawl]

«PostCSS Sugar» with .pss extension

+1000. After https://github.com/postcss/sugarss/issues/7#issuecomment-194145539 I can't stop thinking about “SS” in “SugarSS”.

[Grawl]

Also, .pcss and .pss is a good reference to .scss and .sass.

[igoradamenko]

@Grawl Panic around of SS in “SugarSS” is a little bit madden. Look at this Chevrolet Camaro SS. If someone says you: “Hey, do you want to drive my Camaro SS?” you really answer him: “Oh no, man, it's all about Waffen-SS”, yep? I don't think so.

And I don't think that Italians run around the desk screaming “Cristo! Mama mia! Le SS! Le SS!” when they see LESS.

@ai If you want to separate SugarSS and PostCSS it can't be called “PostCSS Sugar”. And “SugarCSS” is not so good 'cause user can be confused by .scss.

“SugarSS” and .sss are awesome. And sugar guy is cool. Yeah, Maria's illustration needs to be refactored, but as a first step to logo it's cool.

For brainstorm:

• SweetSS, .sss, sugar guy as a logo;
• NeoCSS, .ncss, logo will be smth dark & scientific like @posthumans's logo;
• NextCSS, .ncss;
• ESS, .ess, 'cause 'Even LESS' or 'Extra CSS', as you like.

[qrczak]

@igoradamenko

Panic around of SS in “SugarSS” is a little bit madden. Look at this Chevrolet Camaro SS. If someone says you: “Hey, do you want to drive my Camaro SS?” you really answer him: “Oh no, man, it's all about Waffen-SS”, yep? I don't think so.

I fully agree with you

[danielbayley]

The hysteria around 'SS' is a bit ridiculous… I mean aren't we past the war by now?

Anyway, following on from @igoradamenko, what about Minimal CSS?

• MnmlCSS, .mss or .mcss

Also, .sss is the file extension for Coda 2 syntax themes.

[ai]

I really think too that banning all xSS words will be a ridiculous. Especially, when SugarSS is a best title right now.

But if someone if really sensitive to this topic, we can change name (anyway our feelings is a subjective thing and people feelings is always more important that project title).

[ai]

Guys. I am thinking right now of keeping old SugarSS name:

1. SugarSS is better than all other names.
2. People see bad associations in every logo and title. Sugar on spoon — heroin. Sugar in cube — LSD.
3. Bad association is not sensitive. I can’t imagine that somebody will feel bad about two SS on the end of name.
4. Camaro SS is a good example.

What do you think?

[ai]

OK. I add Maria’s logo to README

[1j01]

So can we go with @natemoo-re's spoonful of sugar (cube)? I'm thinking just the icon, not the text, either above or below or replacing the PostCSS logo on the README. If we're going with a logo replacing the title of the README, I think the type should be changed (maybe to one of these options; probably shouldn't underline SS even though it's fine to be in the title), but I really like the icon.

Edit: (posted too late) um, like I said on the PR, "SugarCSS"?

[dbox]

SugarSS & .sss makes most sense imho

[1j01]

If it's on the side like that, it probably shouldn't have text, and currently the text is inconsistent with the title of the project.

[ai]

@1j01 logo with title is better, because many article/keynotes authors will take logo from this page. And of course it will be better to take it with title.

[1j01]

It'd be good if we could include the image with the text cut off on the README, with the (correct) text in the image file. I know it can be done on a webpage, but it probably can't be done with on GitHub... Oh! But we can have two versions, and have the image without the text link to the version with the text. That should be good.

[dbox]

I'm using CS4, but this is what shows up when I try to edit the logo. Is something wrong with the svg (or just because I have old CS)?

If you can point me to the original SVG, I will update the text and PR.