Project Information

Tinder revolutionized modern dating, pioneering the swipe and ushering in a new era of connection. But, after more than a decade and an influx of new competitors, Tinder had fallen behind in the category it pioneered and come to be seen as a hook-up app, especially among the Gen Z audience they wanted to reach.

As a new generation reshapes what connection looks like, Tinder needed to reignite its flame to reclaim its place as the most fun place to spark something new with someone new, especially for women seeking a sense of safety and control in their experience.

At the heart of this shift was a dating landscape full of contradictions — craving both freedom and intention, exploration and meaning. While other platforms push people to choose a side or reduce dating to a single path, we saw the opportunity to embrace the many facets that make us unique.

We positioned Tinder as a space where possibility is the point. In a category focused on finding the one, we built a confident, flirty brand that celebrates the ones along the way. Whether you’re figuring out your type, questioning your sexuality, or seeing who crosses your path, Tinder is where you can explore freely and have fun.

Rooted in Tinder’s legacy, we designed a bold, all-caps wordmark to carry an unmistakable presence across every touchpoint. Its strength and simplicity signal scale and self-assurance, reinforcing Tinder’s position as a category-leader and defining cultural force.

We applied the same thinking in our evolution of Tinder’s flame symbol. The Tinder flame stands as one of the most recognizable marks in the world of online dating — and retaining this was crucial. Holding on to its core character, we delivered a refined symbol with a contemporary edge; one that’s more agile, sharp, and assertive in Tinder’s competitive category.

Tinder’s new icons were built on a geometric framework, combining sharp line work with controlled curves. Consistent stroke weights, corner treatment, and alignments ensure cohesion, while the system remains flexible enough to support a wide range of use cases harmoniously.

Our verbal identity reimagines a familiar figure from dating’s editorial heyday: the dating columnist. Blending cultural savvy, razor-sharp wit, and the empathy of someone who’s been there before, T is both confidante and commentator, equal parts insight and instinct. Like Carrie Bradshaw for a new generation, T isn’t afraid to drop a hot take or give you the nudge you needed if it means opening you up to what’s possible.

T comes to life through a typographic system combining editorial expression with technical precision. It leads with Society by AllCaps, a contemporary serif that brings narrative depth, warmth, and a subtle sense of flirtation to the brand, while FT Regola provides a grounded, technical counterpart.

In color, we took inspiration from the heat at the core of connection. Conceived as a spectrum of emotions, we translated temperature into a palette that’s vibrant, approachable, and slightly analog. At its core is Flame, a heroic, energetic, and unmistakable red. Surrounding it is a dynamic range of supporting hues, designed to flex across contexts while maintaining a cohesive, spirited identity.

Imagery flows between candid realism and expressive symbolism to reflect the full range of possibilities on Tinder. Ranging from daters IRL, into imaginative metaphors and repurposed cultural symbols, we balance authentic intimacy and impactful visual storytelling. Together, they reflect a world where connection isn’t singular or scripted, but dynamic, expressive, and endlessly in motion.

Our illustration system builds on the graphic, pop sensibility of our still-life imagery, reimagining familiar forms in unexpected ways. Playful, tactile, and a little cheeky, it brings a sense of lightness and surprise in product, digital, and social — offering depth and immersion in even the most marginal moments.

Lastly, we built Tinder’s motion language upon the gesture it pioneered: the swipe. Elements move, enter, and transition across applications with an ease and familiarity that is immediately recognizable. Animated typography works in tandem, revealing and shifting through subtle and typewriter-style movements to signal exploration and the human touch.

Every element of the brand connects in Tinder’s most prominent touchpoint: the app itself. Our identity shapes Tinder’s new UI system, both directing how it looks and functions. Serving as a backdrop, the UI allows people, photography, and user personality to take center stage. Familiar moments like swiping and matching are made more expressive and distinctly Tinder, while serif typography, interactions, and color bring warmth to a highly-digital category. Color then flexes even further within the app, illustrating different themes and moods to make the user experience more contextual and responsive.

Built on the idea that possibility is the point, our new identity embraces all of the uncertainty, excitement, and potential at the heart of modern connection. We set out to reconnect Tinder with the spark that made it a category leader, and redefine that spark for a new generation — and it seems to be working. Our new identity marks an inflection point for Tinder, with Q2 reports showing soaring in-app match growth — doubling the previous quarter’s — and Tinder’s best performance in year-over-year daily active users in over three years.

PORTO ROCHA

Creative Direction:
Felipe Rocha , Leo Porto

Design:
Gabriela Carnabuci , Yedo Han , Olivia Chan , Jordy Kuster

Motion Design:
Thales Muniz , Josh Krauth-Harding , Nabill Parvizi

Interactive Design:
Marcos Rodrigues , Maya Flood

Strategy:
Natalee Ranii Dropcho , Claren Walker , Nick Drain , Peggy Nyamekye

Project Management:
Natalie Kilic

Tinder

Head of Product Design:
Chamal Samaranayake

Senior Director of Product Design:
Newar Al Majid

Principal Visual Designer:
Yu Lu

Director of Global Brand Strategy:
Emily Dods

Case Study Production

Design:
Jean Wojciechowski

Interactive Design:
Pedro Meireis

Fonts

Society - AllCaps

FT Regola - Formula Type