Storybook: Logo refresh proposal
I was talking with @shilman about improving the Storybook(s) homepage and I think one of the first step would be refreshing the logo. I like the overall concept, but I think the execution could be even better with a few tweaks, like using a different font for example.
Here's the current logo:
And here's my proposal:
I softened the colors a bit, and set the name in Filmotype Major to fit in with the children's book theme.
(The softer colors probably look a bit weak when directly compared with the current logo, but I think in context on the homepage it would work well)
SachaG
All 36 comments
Monochromatic version:
SachaG
on 23 May 2017
Other versions:
SachaG
on 23 May 2017
Looks wonderful! though, Storybook or Storybooks?
dburles
on 23 May 2017
@SachaG @dburles sorry for the confusion, it's my fault. It should be Storybook.
- We are
storybookin all places except for our github org which isstorybooks - @ndelangen is reaching out to Github to try to get us
storybook
shilman
on 23 May 2017
@SachaG can we do your proposal minus the trailing s?
Currently the assets are in https://github.com/storybooks/storybooks.github.io in the design directory. Would be great to also have SVGs for the new design (in addition to PNGs?)
shilman
on 24 May 2017
Here's the updated proposal from @SachaG. Any objections? Will be switching over the site and the various properties in the next couple days in prep for the 3.0 release unless there are strenuous objections.
I think it's playful and balanced:
shilman
on 25 May 2017
Just to be picky I wouldn't mind seeing how it looks in uppercase like the old logo (but with the new font)
dburles
on 25 May 2017
OOOH @SachaG one thing!! We're not going to change the capitalization of the project, so the logo should either be STORYBOOK as @dburles suggests, or Storybook with a lowercase B. 馃槄
shilman
on 25 May 2017
SachaG
on 25 May 2017
looks good @SachaG would be cool to see it in drop-caps like the original too
dburles
on 25 May 2017
@dburles you are one tough customer 馃榿
shilman
on 25 May 2017
haha i was just thinking that 馃槀
dburles
on 25 May 2017
SachaG
on 25 May 2017
yep that's awesome!
dburles
on 25 May 2017
Awesome!!! Personally I prefer the Storybook logo. S[TORYBOOK] in drop caps is also fine but i don鈥檛 want the B to be larger because people will starting writing it as StoryBook and we already have enough confusion with Storybook vs Storybooks. (I heard somebody call it storyboard on twitter). So anything we can do to minimize that confusion is worth it.
shilman
on 26 May 2017
I get that Storybook vs Storybooks is a problem, but I don't see why "StoryBook" would be one? It doesn't make a difference in URLs or command line or anywhere people would need to type out the name?
SachaG
on 26 May 2017
Are you proposing we change it to StoryBook everywhere in the docs also?
shilman
on 26 May 2017
Here's a version with stronger colors to match the original pink:
I personally prefer more muted colors since they fit more with the "children's book" theme (printed colors aren't as flashy as onscreen ones), but I tend to like more muted colors in general so that's just my personal taste. It doesn't make a huge difference anyway.
Are you proposing we change it to StoryBook everywhere in the docs also?
No, I would just suggest keeping the original logo's slightly larger B for improved readability, but no need to change it anywhere else. The name can still be "Storybook".
SachaG
on 26 May 2017
Hey @SachaG can you post the muted drop-caps version above but with the B reduced in size? I definitely agree on the more muted colours
dburles
on 26 May 2017
@dburles sorry I don't get it, so you want the B to be the same size as everything else? In that case it'd be the same as https://github.com/storybooks/storybook/issues/1100#issuecomment-303936372 ?
SachaG
on 26 May 2017
@SachaG If the logo says StoryBook then people are going to write it as StoryBook. If that's what we want then we should just change the name. If not, then we should have a logo that's consistent with the name, either Storybook or S[TORYBOOK] where TORYBOOK is drop caps (slightly smaller than then the initial S (@dburles' suggestion, as I understand it).
Another option would be to make the logo S (I love your new take on the book) and just move the Storybook part to a different typeface completely.
shilman
on 26 May 2017
Oh ok, I got confused because "TORYBOOK" was already smaller in all previous versions (but not by much). Do you want me to accentuate the difference?
And the B in the original logo was bigger, so has people calling it "StoryBook" been a problem so far? I just like how the bigger B looks visually. But again it's just nitpicking, I'm fine either way if we can reach a consensus among all parties involved :)
SachaG
on 26 May 2017
As I mentioned, I've seen Storybook, Storybooks, StoryBook, storyboard, etc. People will mangle it even if we're consistent on our side. But if WE'RE inconsistent, it will only magnify the problem (assuming one agrees that it's a problem).
In summary, from my side:
TYPE: I prefer Storybook to S[TORYBOOK], but am fine both ways. StoryBook doesn't work for me, and I feel pretty strongly about it, though maybe I'm the only one.
COLOR: I prefer a bolder color scheme, but agree that having a great logo and making the rest of our assets match is the right way of thinking about it (and not the other way around). So ideally we dial up the saturation a little bit from the original proposal, but maybe not all the way back up. The lime green and red in the last proposal are hard on the eyes, though I love the bold pink. I'll defer to your judgment.
shilman
on 26 May 2017
OK, so here's a proposal with the lowercase logo, and in-between colors (stronger than my first version but not as strong as the original pink). What do you all think?
SachaG
on 26 May 2017
I think we have a winner 馃啋
ndelangen
on 26 May 2017
I love this @sachag. Thanks so much for being accommodating. 100% on board. 馃樆馃樆馃樆
shilman
on 26 May 2017
I agree! thanks @SachaG !
dburles
on 26 May 2017
@shilman maybe we could write a blog post about the logo design process for the Storybook blog? I feel like it could make for a cool case study?
SachaG
on 28 May 2017
@SachaG new logo is getting a lot of love. Great work and thanks for your patience and flexibility on this!
shilman
on 31 May 2017
@SachaG I missed your comment above about the blog post. Great idea--let me know how I can help!
shilman
on 31 May 2017
Hello. What license is your logo falling under? Can be used commercially? For example stickers?>>> thank you
AgaAgnieszkaBorcz
on 18 Feb 2019
cc @domyen
shilman
on 18 Feb 2019
I made the new logo. The source is under the MIT license just like the rest of the code. So I think it's fine if you want to make stickers/merch.
That said, I have a similar opinion of @keithamus here. Good luck!
domyen
on 18 Feb 2019
I made the old logo (can't wait to see the new one!) and I agree with @domyen
SachaG
on 19 Feb 2019
Great thank you Guys!
AgaAgnieszkaBorcz
on 19 Feb 2019
@AgaAgnieszkaBorcz
If you can show me a PR you made that got merged, I'll send you a bunch of stickers personally!
ndelangen
on 19 Feb 2019
Related issues
zvictor
路
3Comments
oriSomething
路
3Comments
Jonovono
路
3Comments
dnlsandiego
路
3Comments
tirli
路
3Comments
Most helpful comment
OK, so here's a proposal with the lowercase logo, and in-between colors (stronger than my first version but not as strong as the original pink). What do you all think?