Redux's brand id

[dariocravero]

Hi all,

As some of you know we've been following, and lately using, Redux more extensively at UXtemple.

We wanted to contribute with a nice touch and @tomatuxtemple, my friend and business partner, started designing a brand identity for Redux. Here's his first iteration at it:

I hope you like it and would love to hear your thoughts about it :)
Best,
Darío

[emmenko]

Uuuh, very nice design and colors! Thanks!

One thing from a first impression: to me it looks more of an iOS icon app then a library icon.
If you guys have other samples to share it would be easier to get the idea and pick a favourite I guess...

But very good idea 👍

[gaearon]

Woah, cool! Let's keep it an open thing? Kind of like io.js did it, with anyone feeling free to submit ideas / mockups, so we can choose something later?

I really liked how React Router have their core idea (matching nested routes) in the logo:

I wonder what the code idea of Redux is. For me, it's probably (state, action) => state but I don't know how to express it visually :-)

[ooflorent]

I suffer from color blindness and I can tell you the colors aren't that good but I really like the design.

[emmenko]

> ≠ »

Reducer with middleware :)

[malte-wessel]

What do you think?

[gaearon]

@ntkoso Goes in and out?

[tombrewsviews]

@malte-wessel very cool, totally not obsessed about my design, go with whatever suits... :)
@gaearon is that what you had in mind by pointing at io.js?

[jepezi]

Hi. I've learned a lot from redux and look forward to where it takes me. I cannot contribute to the code yet but thanks to @dariocravero for this thread that gives the opportunity!

Since redux goes along with hot loader so I thought it's nice to do both as an identity of small eco, well 3 for dnd :D

The logo idea is 'the initial letter composed from simple shapes'. We can add more shapes 'inside' if we want, this is just a quick draw to get the overall taste.

[danscan]

@jepezi Nice ^^.

[acdlite]

Based purely on aesthetics, @malte-wessel's is my favorite so far, I think. I agree with @gaearon that it'd be nice if the brand could visually incorporate the concept of reducing... but I'm not sure how to do that :)

[clearjs]

IMO gradients should be avoided, and the brand should be recognisable with colors "switched off" (grayscale). @malte-wessel's probably matches these criteria most closely (it should look good with gradient removed), but personally I'd use a different font (with more character) and pay attention to letter spacing.

Also, logo should have some part that would look legit as a favicon.

[malte-wessel]

I'll do some rework later. There's sure room for improvement ;)

[jonastebbe]

Hey guys, I played around with some hexagonal logo ideas and published one of them on dribbble.
I would be happy to put some more work into it, if you like my draft. Open to any feedback :)

[tombrewsviews]

@acdlite //the brand could visually incorporate the concept of reducing

[dariocravero]

❤️ that!

[emmenko]

@tomatuxtemple nice and simple! 👍

[johanneslumpe]

@tomatuxtemple that looks like a reversed @ sign, is that intentional?

[Dakuan]

looks like its 'reducing' the number of sides each loop to me

[jacobp100]

Went pretty literal with the reducer theme. (Plus a lambda, for lambda calculus!)

[acdlite]

Ooooooh yeah, I like that concept

[gaearon]

How I think of Redux:

[gaearon]

(Transistor is my metaphor at state, action => state)

[mindjuice]

@tomatuxtemple Very nice! The final turn and circle in the middle feels a bit cramped to me though, especially since it's hollow in the final circle.

[jepezi]

Look like 'r' to me.

[tombrewsviews]

@gaearon //state, action => state

[alexeygolev]

@gaearon

Rationale:

I think a logo for an open source framework is not the same as a logo for an app. It is rather a conversation starter than a label.

State and actions are entities outside of Redux. The essence of Redux as I see it is delta (∆). Switching D to ∆ has a nice side effect of being reminiscent of cyrillic Д (which is quite obvious taken that Д is a typographical descendant ∆). I like having an homage to Dan's (and mine) homeland.
The three circles are inspired by ∴ which stands for therefore in mathematical proof. I wanted to have an arrow without an arrow which ∴ is perfect for.

[CooCooCaCha]

@gaearon

I'm not a designer but I like the idea of a triangle inside of a circle. It symbolizes reduction in 3 ways.

1. The upside down triangle reduces to a single point at the bottom.
2. The triangle has a "reduced" area compared to the circle.
3. The frequency of blue light is higher than red light so the frequency "reduces" as we go from the circle to the triangle.

Hope this helps.

[tomspeak]

Really like @alexeygolev's approach and design.

The others are really nice but makes me think of an app.

[najmam]

That would be the "core idea" for me :)

[WoodyWoodsta]

@gaearon
This is my take :) Left to right is complex to simple (reduced) - adapted from the symbol of a MOSFET transistor (which, for those who are not in the electronics space, is faster switching and generally better performing, if you catch my drift ;) ) There's also an element of input and feedback as well.

Hope you like it!

[jorilallo]

+1 on @jenbennings'

[maksim-s]

+1 @jenbennings

[rossipedia]

+1 for @jayphelps' second idea. Dunno why but it's seriously resonating with me

[14lox]

+1 @jenbennings

[sompylasar]

Guys please link to comments, it becomes harder to relate +1's and nicknames with so many suggestions.

[vomchik]

+1 @jenbennings )))

[nodkz]

Take family logos on one pic. Put @bameyrick logo on it, and it is very good.

Redux build on top of reduce function, and many peoples from this discussion like idea about duck.
I try to visualize reduce function and duck together. So I suggest "reduce-duck-footprint" logo for redux.

[silvenon]

@nodkz love it 👍

[simplesmiler]

@nodkz duck footprint 👍

[Restuta]

@nodkz I would make red a little brighter to match family colors

[ghost]

Seems like you might want two shades of red depending on whether it is on a light / dark background, no?

[zzz6519003]

Hi I think the most important thing is the deisgn process, mind telling your story about the logo?

[timbuckley]

+1 Would really like us to settle on an icon so we can brand Redux better and share it more easily.

[kennetpostigo]

Just flip the lamda upside down. that should make for a nice logo 🙃

[ghost]

I'm extremely fond of the trefoil designs

[fgirardey]

I love the @aripalo proposal, adding a dot in it would be better IMO but that pink color looks good

[zzz6519003]

set a deadline @gaearon

[gaearon]

set a deadline

You know how to work with designers 😄

[fernandogmar]

Just in case I will add another design ;), my 2 cents

[gaearon]

#1671

[aweary]

Let the stickers commence