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 https://github.com/postcss/sugarss/issues/7#issuecomment-194041975.

[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 https://github.com/postcss/sugarss/issues/7#issuecomment-194041975.

[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. :smile:

[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.

[natemoo-re]

Here's a version with better color contrast (spoon is darker, background is less pink) and the sugar as an actual cube. I have hi-res files for actual use.

@corysimmons I think sugarss looks nicer and is a bit less confusing. Fits with this logo, too!

[ai]

@natemoo-re Looks great. But everyone in Russia has only heroin assotiations with spoon and sugar :(

Maybe we can make something with this cute character from Adventure Time (characters are free from copyright)

[corysimmons]

I feel like we could do something related to potatoes since they're full of carbs and carbs are basically sugar.

[natemoo-re]

Okay, yeah, definitely seeing the heroin thing now.

I can work on a cute character! Though that is a pretty strong argument for a potato-based logo, @corysimmons... :sweet_potato:

[danielbayley]

In Russia we are very obsessed about World War 2 (like a local religion) But everyone in Russia has only heroin assotiations with spoon and sugar :(

Cynical lot, aren't you?! :laughing:

[ai]

@danielbayley defintatly! :D because of Schutzstaffel association I am OK to change name in docs to Sugarss, sugarss or SSS, as @corysimmons suggested. I just wait for new logo (because type and logo could be connected)

[dbox]

Maybe something that plays off the theme of indenting.

[danielbayley]

A bit more messing around; some typesetting (can zoom in) and a few other bits/ideas…

[ai]

@danielbayley the last option is awesome because of CSS official logo associations.

What do you think about replace CSS to SS (with same font, no runes :D )?

[1j01]

@ai Then it would be fairly sparse, wouldn't it? What if the project was renamed CSS Sugar? That's how the badge alone reads. I guess then it wouldn't match the file extension unless it was changed to csss

[ai]

@1j01 the canonic file extension has only 3 letters, this is why I prefer sss. But we can rename project to “Sugar CSS” (same .sss).

[corysimmons]

I like Sugar CSS (sugarcss is taken, sugar-css is avail). I also like sssugar a lot (it's avail).

Pretty much anything but two capital S's side-by-side...

[ai]

Do we have any explanation about why we have triple S in SSSugar

[corysimmons]

Stylesheet Sugar

[natemoo-re]

Space-significant styles, spatially significant styles, spaced stylesheets, styles (with) spaced syntax? Sugary sweet syntax?

[ai]

OK, I think Sugar CSS is OK. So the last @danielbayley option is OK for project.

Does somebody what to add something to this logo or have any thought?

[esiao]

Just one quick thought but the perspective seems weird to me. Maybe just an isometric cube will do the trick? Sugar CSS is better than SugarSS imo but how do you intend to name the files as scss is already taken?

[ai]

@esiao we will have .sss — SugarCSS

[ai]

@danielbayley what about colors? Why pink?

[ai]

@danielbayley what do you think about more darken pink? Current pink is to lighten and close to white.

But it is just a free thoughts.

[qrczak]

@ai Why pink? Maybe because pink (for some people - like for my little daughter) is "So sweet..." like sugar :)