For the 4th annual Code/Art Miami event, non-profit client Code/Art wanted a new design for their participant and volunteer shirts. Previously I had made a series of pins and stickers using small icons, but for this project we created a larger Code/Art constellation design in 3-colors that could easily be printed on two different t-shirt colors (purple for participants, teal for volunteers).
![Code/Art t-shirt design with a girl throwing code snippets into the sky to form a Code/Art constellation.](https://www.bureauofbetterment.com/wp-content/uploads/2019/03/code-art-shirt-design-illustrations-1024x493.jpg)
The t-shirt features a girl throwing code snippets into the sky to form a Code/Art constellation. Printed at Custom Ink, the design was arranged so that each color on the purple shirt translated directly to a color on the teal shirt to keep costs low on printing materials and time.
![Code/Art participant shirt in lilac.](https://www.bureauofbetterment.com/wp-content/uploads/2019/03/code-art-shirt-participant-lilac-980x1024.jpg)
Over the last two years I had designed a series of enamel pins and decals/stickers that were given out to participants. These assets were leveraged internally to create a cohesive look for their events – a strong example of how using a few elements consistently can go a long way in creating a recognizable brand look.
![Code/Art event participants and teachers.](https://www.bureauofbetterment.com/wp-content/uploads/2019/03/code-art-photo-collage-1-1024x745.jpg)
![](https://www.bureauofbetterment.com/wp-content/uploads/2019/03/code-art-shirt-volunteer-teal-980x1024.jpg)
Because I still love me a good enamel pin collection, here is a repost of the series of enamel pins and stickers created over the course of a few mini-projects. These were designed for Code/Art participants – girls in their tweens and teens who explore code through art & creativity in guided Code/Art workshops. Read more about Code/Art on their website.
![Enamel pin trio: 01100111010111 code sunglasses (cool shades), a </> heart, and code girl banner.” class=”wp-image-8341″/></figure>
<figure class=](https://www.bureauofbetterment.com/wp-content/uploads/2019/03/blog-post-code-art-participant-pins-1024x653.gif)
![](https://www.bureauofbetterment.com/wp-content/uploads/2019/03/code-art-participant-stickers-1024x894.jpg)
![Code/Art donor pin inspired by participant art - featuring a constellation portrait of a young girl.](https://www.bureauofbetterment.com/wp-content/uploads/2019/03/code-art-donor-pin-1024x814.gif)
![](https://www.bureauofbetterment.com/wp-content/uploads/2019/03/code-art-pixel-heart-1024x782.jpg)
![Girls in STEAM - Code/Art participants and teachers work on projects and take pictures in front of their photo booth.](https://www.bureauofbetterment.com/wp-content/uploads/2019/03/code-art-photo-collage-2-952x1024.jpg)