Gatsby t-shirt design contest

[KyleAMathews]

Who wants to design a Gatsby t-shirt!?!

We have $1240 available on OpenCollective that seems like it needs turned into t-shirts :-)

But to do that we need a design. So please submit some designs! If you submit the design that gets picked, I'll send you 3 t-shirts.

I'm also going to send t-shirts to all the 1.0 contributors.

What's the best t-shirt printing place these days? Ideally they'd be a print on-demand place so people could buy Gatsby shirts for themselves.

[chiedo]

Heck yeah!!! I'm a Large :)

[secretfader]

When balancing quality with simplicity and availability, it seems like most folks are choosing teespring.com these days. I've had a couple of their shirts and been pleasantly surprised.

[sebastienfi]

[fk]

Together with @yisela 🙏 I spent some time last week expanding my little "butler" guy that I drew earlier this year into a complete character:

The darker blue for the illustration is "Gatsby" from @ArchieHicklin's suggested palette refresh.
If the details hold up at that size (which they should looking at some of my old screenprinted shirts), I'd suggest printing it like this:

Alternatively we could place the guy in front of the whole "Gatsby" wordmark – not necessarily in front of the "G" though – here's a quick mockup:

For that variant I'd like to change the colors – the full wordmark in cyan doesn't sit right with me.

I'm also still thinking about adding a reference to the 1.0 version somehow – something like „Gatsby v1.0 PR Limbo Contest Winner“ – only that my illustration doesn‘t fit that line. Any ideas?

[SachaG]

Could we add the "G" monogram somewhere in there somehow? Also maybe we want to keep the number of colors down to save on printing costs, so I'd suggest getting rid of the cyan.

[jquense]

Super cool!

[fk]

@SachaG Yes, I had the monogram in there (in the background) at the beginning, but it has been a while since then – and I cannot remember why I chose to remove it. Will give that another shot tonight. Also will add a version with the current palette.

@jquense Thank you! 🤗

[fk]

[SachaG]

I don't think this works, you can't really make out the monogram… I don't want to seem like I'm arguing for it just because it's my design, so maybe it's ok if the shirts don't feature it :)

[chiedo]

I could see there being two different types of shirts. One with the monogram. One with the butler guy

[fk]

@SachaG Yeah, I agree – what I posted doesn't really work. I have two more ideas pairing "skating butler" with the monogram, but didn't find the time yet to take a shot at those … argh, can't believe it's been 12 days since your response :-/

I don't want to seem like I'm arguing for it just because it's my design, so maybe it's ok if the shirts don't feature it :)

No worries! It's a Gatsby shirt, so why wouldn't it feature the brand? :)
(even though in this particular case one could argue that the marketing aspect may not be as important as in others)

@chiedo Of course (if that works out in terms of printing costs)!
Btw. how did you plan on picking the final design @KyleAMathews?

[rdela]

Hello Gatsby hive mind 🐝🧠

I have some tee designs for you. Background…

@KyleAMathews on twitter:

@bvaughn @gatsbyjs @opencollective Ah! Didn't know you did graphic design @ school!
More t-shirt stuff. Really happy with our logo (thanks @SachaG!)
My thinking is more t-shirt designs the better so if you'd like to design something, do it! @fk is doing some designs as well.

tweet:

Yeah!! Actually I'd love both. Simple plus fancy. Maybe a few fancy in multiple directions.

Sacha
tweet:

I think a simple purple shirt with the white logo in the middle would work great! Or, you could also do something more fancy like we did for the @­DiscoverMeteor t-shirt: http://www.discovermeteor.com/tshirt if you find a good concept.

tweet:

If you want to go the fancy route, I could imagine some kind of geometric mandala-like pattern with the G in the center: https://dribbble.com/shots/2467671-Yogi-Yak

tweet

More inspiration: https://dribbble.com/shots/2641903-100-Vector-Mandala-Ornaments/attachments/529413 :)

me on twitter (img):

uses https://commons.wikimedia.org/wiki/File:Mandala_52.svg …more inspiration https://commons.wikimedia.org/wiki/File:Chenrezing_Mandala.svg / https://commons.wikimedia.org/wiki/Category:SVG_mandalas

 

Sacha response:

Nice! I feel like I’d probably remove the circle that goes through the center of the outer circles? Seems like it’s cutting the design in two

So here two completely redrawn symmetrical versions, each minus the bisecting middle circle.

encased:

 

and open:

 

I am also super into the Figma Sacha posted on twitter with Gatsby/React/GraphQL mashup. I would be willing to clean that up in Illustrator and add it into the mix.

Also messing around in Figma, I got to what I think is an earlier version with GQL logo at actual size I got to by hiding layers? Interesting shape but maybe emphasizes GraphQL too much having it larger?

Maybe printing Sacha’s original design with current typography (or not!) would be cool as well?

 

I also took a crack at simplifying fk + @yisela’s skater butler a bit, we have dashing monochrome:

 

and princely purple:

 

cc @chiedo @sebastienfi @Redmega @hmeissner @rafacm @mlukaszczyk @flexzuu @belazer @jquense @shannonbux

[SachaG]

Nice work :) Going back to the Mandala idea, it could be cool to integrate the React and GraphQL logos in there too somehow?

[KyleAMathews]

Btw. how did you plan on picking the final design @KyleAMathews?

Why stop at one :-D

My thought has been that we need a solid basic t-shirt with our logo + name but then past there, the sky's the limit! It'd be fun to have a demo Gatsby ecommerce store in the future where all of this is for sale. There's a lot of on-demand t-shirt printers now so it'd be no work to have multiple designs available. As long as the designs are original, fun, etc. we could keep adding them. Something like how Google keeps doing new things with their logo. Also our butler could learn all sorts of new skills and visit lots of fun places. E.g. I just was imagining the butler on a deeply cratered moon landscape in a spacesuit holding a big Gatsby flag :-)

[rdela]

Houston, the butler has landed. 👨🏻‍🚀🚩🌕

Going back to the Mandala idea, it could be cool to integrate the React and GraphQL logos in there too somehow?

Glad you asked, tidied up the circle mandala some too

[fk]

Btw. how did you plan on picking the final design @KyleAMathews?

Why stop at one :-D

👍 I was refering to the initial idea/post in this issue, but I can totally follow all you're saying!
So we need to find an online printer with a decent API (and prices/quality) and a Gatsby shop, and can settle the quest for that one design? ;-)

[rdela]

So we just need to get Snipcart hooked up to something like Printful?

Printful - Custom Shirts

Printful - The complete breakdown of ecommerce platforms for drop shipping

[rdela]

Using Printful – Anvil 980 Lightweight Fashion Short Sleeve T-Shirt with Tear Away Label

[rdela]

OGatsby version too

[chiedo]

I like the OGatsby versions the best. Also I know a guy who can do the shirts for $10/shirt. Not sure what shipping would be... If you can't find a price that low elsewhere, let me know.

[rdela]

Thanks @chiedo so OGatsby advances @SachaG do you have thoughts about size and placment/orientations on this or ReactsbyQL design, or shirt/ink color combos? I liked all of the original treatments you came up with in the logo issue linked above, I can embed here with Printful color strip or you could pick some?

[rdela]

@fk @yisela what do you think of Printful shirt fabric color and ink combinations for Butler? I like dark shirts so picked those but will mock up whatever you want or please feel free to if you would rather do it yourselves!

[rdela]

Think we should definitely print some version of both OGatsby and Skater Butler, probably one color designs for simplicity and to keep costs down. Plus I like the design challenge.

If there is a version of the mandala/ReactsbyQL design that we like enough add that to the mix.

Have a subset of color choices for shirt to keep people from making clashing choices, possibly different ink color choices based on shirt

Print on demand services have all kinds of stuff we could make beyond shirts, but I think shirts and stickers would be a great start. @KyleAMathews have you made stickers yet? Did you have any t-shirt print on demand services in mind? Should I ask Snipcart people if they already integrate with any or are in the process?

[KyleAMathews]

Yeah, I'm thinking we start with a straightforward design like your OGatsby + Skater Butler. Then add more as people come up with great designs.

No stickers yet but we should definitely have those as well :-D

I don't have any strong opinions about on demand printing — I've looked at a few but it's not something I have experience with. So reports on people's experience would be great.

@chiedo cheaper is nice but time is in even shorter supply — so someone that'll handle logistics & shipping is essential. What I'd really like to do is to email all the contributors with a coupon code for a free shirt and they go pick the shirt they want and their address and we don't have to do anything beyond that.

[KyleAMathews]

We're also up to $2,874 now for our open collective budget haha :-)

[chiedo]

Hahaha I understand that! Fair enough. Lol! *--* *Chiedo* [chay-dough] *CHIE**DO **LABS:* Fast Communication. Rock-solid Apps. Amazing Websites. *FounderBy*30*:* Transforming Entrepreneurs Under 30 Into Extraordinary Founders. James Madison University 2013 Aletheia Church

…

On Mon, Dec 18, 2017 at 2:48 PM, Kyle Mathews ***@***.***> wrote: We're also up to $2,874 now for our open collective budget haha :-) — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#1500 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ACDokLSGbIm1sSx8QwQbHnsglDyKE1lmks5tBsF_gaJpZM4OXoj2> .

[SachaG]

We definitely need some combo of white/purple for the colors. I'd say either white logo on purple background, or the opposite if they don't have purple shirts. Also it might look better with the Gatsby name under the logo? This way the G would be centered.

[rdela]

Had a hunch about centering idea, agree and thanks @SachaG

New color set coming up

what do people think of
https://printaura.com/api/
vs
https://www.printful.com/docs
https://twitter.com/snipcart/status/942872407399981056

[SachaG]

For the Discover Meteor tshirt I set up a Gumroad + Threadbird implementation that worked well. Sadly Threadbird don't do logistics anymore (at least I don't think so) but I still recommend Gumroad as an easy way of collecting payment (Printful has an integration apparently). Also don't underestimate the power of services like Zapier or IFTTT when it comes to connecting things together, we might not even need to write any glue code.

[rdela]

earlier @Redmega:

I like the idea of a grey or darkgrey T_shirt, purple OGatsby logo centered in the front, chest height, with gatsby.js text in small lettering on the back, right below the collar (collar? What do you call that part on a T-shirt?)

I have a similar shirt from New Relic, it says data nerd. across the chest, and on the back it has the New relic name and logo in small form. It's a very simple design and it works.

[fk]

Black monogram (big) centered on "Vintage Black" Next Level 6010 Tri-blend (50% Poly 25% Combed Ring-Spun Cotton 25% Rayon):

[fk]

Purple monogram (big) centered on "Vintage Black" Next Level 6010 Tri-blend (50% Poly 25% Combed Ring-Spun Cotton 25% Rayon):

[m-allanson]

I think black monogram on Vintage Black is my favourite so far.

[fk]

Forgot to mention that it was @jlengstorf suggesting to give this a try! 🙏🙌 Also really like it! Should we call that design „Dark Deploy“?! ;-) /cc @KyleAMathews @calcsam Von meinem iPhone gesendet

…

Am 20.02.2018 um 20:54 schrieb Mike Allanson ***@***.***>: I think black monogram on Vintage Black is my favourite so far. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.

[KyleAMathews]

Dark Deploy

hehe

[jlengstorf]

A couple other ideas building on @rdela, @SachaG, and @fk's work:

Black-on-Black Logo Mashup

Natural Process (Bleached Look) Monogram on Black

Natural Process Monogram on Purple

NOTE: The colors are approximate for the natural process; it's hard to simulate bleaching a garment. 😄

[shannonbux]

love all of those. I'd probably choose one of the natural process ones because I like brighter stuff.

…

On Tue, Feb 20, 2018 at 2:29 PM, Jason Lengstorf ***@***.***> wrote: A couple other ideas building on @rdela <https://github.com/rdela>, @SachaG <https://github.com/sachag>, and @fk <https://github.com/fk>'s work: Black-on-Black Logo Mashup [image: black-on-black-logo-mash] <https://user-images.githubusercontent.com/163561/36450122-c7d3c24c-1641-11e8-8f2d-2dcc587b9268.jpg> Natural Process (Bleached Look) Monogram on Black [image: natural-process-monogram-black] <https://user-images.githubusercontent.com/163561/36450142-d71b635e-1641-11e8-93c2-59508df395f7.jpg> Natural Process Monogram on Purple [image: natural-process-monogram-purple] <https://user-images.githubusercontent.com/163561/36450153-de7fa11e-1641-11e8-836f-304c435929b6.jpg> *NOTE:* The colors are approximate for the natural process; it's hard to simulate bleaching a garment. 😄 — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#1500 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/Ae9o2rAB2vlsVQk3IY6QiV5dgIQ9f9IRks5tWzkhgaJpZM4OXoj2> .

[rdela]

rock on @fk @jlengstorf !!! I adore the direction this is heading, especially 3 below.
Agree with @m-allanson Dark Deploy looks cool + with @shannonbux, natural process ones are appealing.

«Dark Deploy» (black monogram on Vintage Black)

Natural Process (Bleached Look) Monogram on Black

Natural Process Monogram on Purple

[KyleAMathews]

LOL, we really need to have a shirt with the butler lifting a glass like the movie https://giphy.com/gifs/the-great-gatsby-jNdw5Qmy5MOpq

[KyleAMathews]

That'd be pretty meta but funny still

[HighTide2020]

I need a Gatsby t-shirt like yesterday.

[rdela]

@KyleAMathews @fk @shannonbux @jlengstorf

cracks 1,2, & 3 at Leo Butler: black on purple, purple on purple, pink on purple. lol.

Leo Butler

black on purple

purple on purple

pink on purple

[jlengstorf]

@rdela These are amazing. 🤣

[HighTide2020]

@rdela these have my vote !

[nihgwu]

What about Iron Man's Arc Reactor with Gatsby's logo 😜

[shannonbux]

@rdela so fun! Love these.

…

On Wed, Feb 28, 2018 at 5:45 PM, Jason Lengstorf ***@***.***> wrote: @rdela <https://github.com/rdela> These are amazing. 🤣 — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#1500 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/Ae9o2qhRf-2tkYUf2BUCu3hJ9Pr5sbpVks5tZ0ScgaJpZM4OXoj2> .

[rdela]

@jlengstorf @shannonbux @HighTide2020 thanks! which color combo do you favor: black on purple, purple on purple, or pink on purple?

[shannonbux]

I like pink on purple :) although I’d favor a slightly smaller image. Also like purple on purple!

…

On Fri, Mar 2, 2018 at 4:20 PM Ricky de Laveaga ***@***.***> wrote: @jlengstorf <https://github.com/jlengstorf> @shannonbux <https://github.com/shannonbux> @HighTide2020 <https://github.com/hightide2020> thanks! which color combo do you favor: black on purple, purple on purple, or pink on purple? — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#1500 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/Ae9o2hwssNgE02CngEbfAqUFsO7mFCEKks5tadO9gaJpZM4OXoj2> .

[rdela]

Ok slightly smaller pink on purple & purple on purple! Small enough? Smaller? (Edit: too small?) Up or down on the shirt?

pink on purple

purple on purple

[rdela]

Should we work on an astronaut butler now? 👨🏻‍🚀🚩

Bold italics added:

Btw. how did you plan on picking the final design [Kyle]?

Why stop at one :-DMy thought has been that we need a solid basic t-shirt with our logo + name but then past there, the sky's the limit! It'd be fun to have a demo Gatsby ecommerce store in the future where all of this is for sale. There's a lot of on-demand t-shirt printers now so it'd be no work to have multiple designs available. As long as the designs are original, fun, etc. we could keep adding them. Something like how Google keeps doing new things with their logo. Also our butler could learn all sorts of new skills and visit lots of fun places. E.g. I just was imagining the butler on a deeply cratered moon landscape in a spacesuit holding a big Gatsby flag :-)

[itwasmattgregg]

@KyleAMathews When will these be released?

[jlengstorf]

@itwasmattgregg We have a project underway now, led by @marisamorby, to get our swag up and running. Our target is early/mid-July to have shirts and stickers (and surprises!) starting to ship to contributors.

[jlengstorf]

Update on this project: the swag store is really close to being ready to rock. See https://github.com/gatsbyjs/store.gatsbyjs.org/issues to see the remaining work items. We'll have details on how to claim free swag for existing contributors available once it's fully launched.

Also, if you've got ideas for other swag (whether that's new t-shirt designs or something else like water bottles, hair scrunchies, charity donations, a Snuggie — whatever you want to see Gatsby-branded) we're collecting ideas. Please join in!

[littlekreen]

@rdela fyi, printaura does do screen printing but you'd have to contact support to get a quote. The price wizard on the site is only for DTG. Given these monocolor designs you'd probably want it screen printed. If you wanted custom labels in the image that would be DTG and you could pump custom images through the API. It should take PSDs for vector images though you'd have to outline the fonts. As well as alpha threshold or alpha dither the images as the underbase for DTG makes partial transparency into a halo otherwise.

alpha dither with imagemagick:
magick %1 -channel RGBA -separate ( +clone -dither FloydSteinberg -remap pattern:gray50 ) +swap +delete -combine -trim -quality 100 "Floydmap-%~n1.png"

[gatsbot]

Old issues will be closed after 30 days of inactivity. This issue has been quiet for 20 days and is being marked as stale. Reply here or add the label "not stale" to keep this issue open!

[jlengstorf]

I think this one's safe to close now.

Thank you so much to everyone who submitted designs! If you have additional design ideas and want to see your work on a Gatsby t-shirt, please submit ideas to https://github.com/gatsbsyjs/store.gatsbyjs.org/issues

All current swag is available at https://store.gatsbyjs.org

Thanks again! 💪💜