Project logo

[ai]

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

/cc @janmarek

[danielbayley]

How about a sugar cube?

[ai]

@danielbayley nice :)

But note that it is hard to draw white cube, so it will be clear that it is sugar cube :)

[esiao]

Like the idea of the sugar cube. You can use brown sugar instead of white one to avoid this issue.

[dbox]

White cube(s) can be on dark background
On Tue, Mar 8, 2016 at 6:49 PM Dias Aurélien notifications@github.com
wrote:

Like the idea of the sugar cube. You can use brown sugar instead of white
one to avoid this issue.

—
Reply to this email directly or view it on GitHub
#7 (comment).

[dbox]

I actually like idea of simplistic smiling sugar cube:)
On Tue, Mar 8, 2016 at 6:58 PM Daniel Box danielbox@gmail.com wrote:

White cube(s) can be on dark background
On Tue, Mar 8, 2016 at 6:49 PM Dias Aurélien notifications@github.com
wrote:

Like the idea of the sugar cube. You can use brown sugar instead of white
one to avoid this issue.

—
Reply to this email directly or view it on GitHub
#7 (comment).

[1j01]

Some options:

• Sugar cube
• Pile o' sugar
• Spoonful of sugar
• Sugar crystals: probably difficult to logo-ize
• A sugary treat, like a cupcake or a piece of candy
• "SSS" or the PostCSS logo drawn in sugar: not really any good connotations here
• Space-filling model of a sucrose molecule

But yeah if we can just appropriate that character from Adventure Time, that would be pretty good.

[corysimmons]

I'm not a good logo designer by any means, but here's a few things. I can have my designer friend take a shot at it if you guys focus on 1 or 2 ideas.

[ai]

Maybe we can make sugar cube more recognizable by some right texture.

@corysimmons “SS” as animal face is awesome too :).

[janmarek]

Honestly I would change the name first. SugarSS written with two capital S will always be like this.

[ai]

@janmarek SugarSS is from CSS. Sugar Style Sheets.

In Russia we are very obsessed about World War 2 (like a local religion), but I don’t hear any issues with this name.

[corysimmons]

I didn't want to say anything in case I was just being crazy, but I agree with @janmarek

It reads like Sugar-SS not like CSS. Can we just drop the SS completely and just call it Sugar? We can keep the .sss extension.

Sorry, not trying to be hypersensitive, but it is kinda weird.

[danielbayley]

Or something a little more abstract? I was messing around in Illustrator a little…

    

[pgrekovich]

I think, you need use alchemical symbol of sugar :D
@ai maybe you know something about this symbol?

[DavidOliver]

I'm not keen on the 'Sugar StyleSheets' name as it removes 'Cascading', which is kinda an important/defining feature of (Post)CSS. Plus it would be better to avoid SS appearing alone for the obvious reason mentioned by others.

PostCSS Sugar? That gives it context and doesn't remove anything.

Spoonful of sugar

...helps the medicine go down - from Mary Poppins. Maybe the snapping of fingers could be related to the nice and easy syntax?

[1j01]

@pgrekovich I thought of that, but left it out of my list because 1. there are often multiple symbols different people used in alchemy to mean the same thing (i.e. no consensus) and 2. no one would actually recognize it, but the first result in google images does resemble two esses. (However, it also looks kinda like an H, so it wouldn't be great for readability if incorporated into the logo. (SugarH?))

Edit: but you could do a custom variation of it that could be a lot better for readability

[ai]

@corysimmons I am OK with calling it Sugar syntax.

[ai]

@danielbayley nice patterns. But I think that we should always try to find emotional background. Anyway we can use it if we will not find some better way.

[ai]

@pgrekovich @1j01 alchemy always will be better. But I really love “sugar” and “happy” thinks.

Maybe we can combine alchemy and candy style in that Adventure Time way? This cartoon has persons, which looks nice, good and sweet from outside, but have dark background inside. Like Peppermint Butler. For example, if we put a smile on every edge of sugar cube it will be very “alchemy”.

[corysimmons]

@ai Can you rename the repo to sugar?

[ai]

@corysimmons nope https://www.npmjs.com/package/sugar

[1j01]

Edit: Yes, the sucrose molecule covered in sugar is silly. It's also very poorly done: to do it properly would require some 3D modeling effects, but it's obviously not worth persuing. 😄

[ai]

Sorry, photo is bad source for logo

[azat-io]

@corysimmons first proposal looks good

[natemoo-re]

Really digging this project so far! I was looking for this exact thing when I started playing with PostCSS.
I needed a project to fill some free time, so I put together a few options:

If you reach a consensus on a name change, I can update these—SugarSS is a little clunky, I think.

[esiao]

The first option with the spoon is very nice, I don't know if you're intention was to put the sugar cube inside or to make it levitate, I would prefer the former as there would be a little magic in here.

[natemoo-re]

Yep, the levitating was intentional!

[ai]

@natemoo-re awesome work!

I prefer the first option with spoon, because it is easy to understand that it is a sugar.

Second and third options are great in colors and geometry, but looks too abstract. Abstract thing is awesome (Malevich!), but open source projects use abrsact logos too often. So especially in open source, I think, we should avoid a abstract things.

The only thing with a first option (sorry, perfectionism :D, work is really great) — spoon and sugar have similar colors (light gray and white). Maybe because of my Dell XPS 13 screen colors.

[krasnovpro]

[corysimmons]

@ai Why close? Re: SS, we could keep it, but maybe we should write it out as sugarss instead?

@natemoo-re I like the first option the best out of everything as well. I wish the sugar cube were a cube instead of short though.

[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 #7 (comment) 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.

[1j01]

Maybe try Inkscape? (I was gonna try to do it in a bit)

[corysimmons]

#14 fixed

[1j01]

I'll still do a PR for the linking I described (once that's merged).

[1j01]

Okay, I wasn't able to edit it in Inkscape or SVG-edit:

But, I was able to copy the "HTML" from Chrome and then edit it in Inkscape:

I removed the text, and fixed the dots going off the cube and one of the corners of the cube.
But I still couldn't (add back and) edit the text. I don't know why the text's path is getting janked up.
The font appears to be Manual Sans Exbo, but it's not a free font. I could probably just trace a screenshot of the SVG into the SVG to get a non-broken path and then delete the C and move the SS over, but I don't know. Is this font licenced? Besides that, it just feels silly.

[1j01]

It's not even that hard. So I did it, hopefully legally:

[1j01]

Opened #15

[ai]

@corysimmons yeap, @1j01 @dbox are right, SVG file has some problem on Linux preview. It will be nice if somebody will fix it.

[jt3k]

more dirty sketches with hexagon
hexagon - is nodejs
sugar is brick
sugar is white death, but black sugar is black life! %)

[ai]

@jt3k looks nice. But too closer for abstract logos, which, I think, will not work in open source. We need more emotions and story.

[jt3k]

yepp! i think, the character from the cartoons on the logo looks better