![The Collected Works - Makeout - 01](https://cdn.sanity.io/images/31heufl5/production/b5f408484668a13769e907653b15b176e34eed01-5067x2851.jpg?w=3400&h=1913&q=95&fit=max&auto=format&width=3400)
Makeout
Makeout is a rad production company and creative agency based in Brooklyn. When they came to us, they found themselves in a bit of a dilemma. They felt that their agency was split between two worlds: the “formal” side (working with some of the worlds biggest brands) and their “self-initiated” side (a DIY attitude and enthusiasm for self-produced projects).
Someone needed to figure this out for them. Well, in we roll and used this dilemma as a starting point. We built them an identity system that embraces duality and makes it a core element of their brand. Leaning into this “two sides” concept, we created a wordmark that smashes together a traditional formal serif typeface and a casual and unassuming sans-serif.
![The Collected Works - Makeout - 09](https://cdn.sanity.io/images/31heufl5/production/f9c2a4cbff9fbb8aa8c27db44310c04e41c7135d-5067x2851.jpg?w=3400&h=1913&q=95&fit=max&auto=format&width=3400)
We carried this duality across all expressions of Makeout: pitch decks, apparel, swag and motion design. The result is a design system where both their corporate voice and DIY attitude can coexist–and each is made better because of the other.
![The Collected Works - Makeout - 11](https://cdn.sanity.io/images/31heufl5/production/1ebdd1a2ac3f196ced7a5af1c5b1a9ddb583d09c-2523x1415.jpg?w=3400&h=1907&q=95&fit=max&auto=format&width=3400)
![The Collected Works - Makeout - 12](https://cdn.sanity.io/images/31heufl5/production/baf662cfc847fc31efb7e4b3968486983e1f1f2f-2523x1415.jpg?w=3400&h=1907&q=95&fit=max&auto=format&width=3400)
![The Collected Works - Makeout - 13](https://cdn.sanity.io/images/31heufl5/production/a4119f2435fe927f143b9127338bdd06d542a45c-2523x2851.jpg?w=3400&h=3842&q=95&fit=max&auto=format&width=3400)
![The Collected Works - Makeout - 14](https://cdn.sanity.io/images/31heufl5/production/f2340ea3c0b751826aefb70c2cff1b8bad8bd148-2523x2851.jpg?w=3400&h=3842&q=95&fit=max&auto=format&width=3400)
![The Collected Works - Makeout - 17](https://cdn.sanity.io/images/31heufl5/production/e38212f197f743918cbee5c14c6be0b5d9dde3d6-5067x2851.jpg?w=3400&h=1913&q=95&fit=max&auto=format&width=3400)
![The Collected Works - Makeout - 18](https://cdn.sanity.io/images/31heufl5/production/90c2edb50fb5afd4060230e62e8873ef974c2acc-5067x2851.jpg?w=3400&h=1913&q=95&fit=max&auto=format&width=3400)
![The Collected Works - Makeout - 21](https://cdn.sanity.io/images/31heufl5/production/14750d30255a65059310fc1545da550161978f41-2523x2851.jpg?w=3400&h=3842&q=95&fit=max&auto=format&width=3400)
![The Collected Works - Makeout - 22](https://cdn.sanity.io/images/31heufl5/production/46d9b6e94acab88999e065e1e0e599722d5254f1-2523x2851.jpg?w=3400&h=3842&q=95&fit=max&auto=format&width=3400)
![The Collected Works - Makeout - 23](https://cdn.sanity.io/images/31heufl5/production/9743579c2c2efabede753b69aa38618187a5f8c3-5067x2851.jpg?w=3400&h=1913&q=95&fit=max&auto=format&width=3400)
![The Collected Works - Makeout - 24](https://cdn.sanity.io/images/31heufl5/production/067a682b226ed7457b6031498b57bdf84aa8c6b6-5067x2851.jpg?w=3400&h=1913&q=95&fit=max&auto=format&width=3400)
![The Collected Works - Makeout - 28](https://cdn.sanity.io/images/31heufl5/production/fef36c02c25b302f1f68a1a525577b94aef496eb-2523x2851.jpg?w=3400&h=3842&q=95&fit=max&auto=format&width=3400)