Web Design

Rove sports hero

A high-impact landing page hero design for a sports tracking app, featuring bold typography and a dramatic monochrome mountain landscape.

A high-impact landing page hero design for a sports tracking app, featuring bold typography and a dramatic monochrome mountain landscape.

About

Rove is the first piece in my ongoing Sports Hero Exploration series.

The starting point wasn't a brief — it was a pattern I kept noticing on X. Sports hero sections were everywhere, getting huge engagement, way more than the usual portfolio or SaaS UI posts. I wanted to understand why. So instead of just scrolling past, I made one.

Bold type. Dramatic monochrome mountain landscape. High contrast, almost no colour. Built in Framer.

What I Find Inspiring About This

There's something specific happening with sports UI design that I think explains the attention it gets.

Sport is already emotional. The imagery is already loaded — extreme environments, physical strain, scale. A designer working with that material gets a head start that a fintech dashboard never will. The drama is built in. The job is not to create the feeling but to not get in the way of it.

That's what I was trying to figure out with this one. Restraint at scale. Oversized type that you feel before you read. Monochrome photography that removes visual competition so the layout can breathe. Nothing decorating, everything doing something.

I also think sports heroes perform well on X because they're immediately legible as a screenshot. One glance and you understand the concept. That's a design constraint I find genuinely interesting — designing for the thumbnail as much as the full experience.

More in this series to come. Each one will be a different sport, palette, and typographic voice — trying to figure out what's universal and what's specific to the subject matter.

Continue exploring

Lovelo geometric inline display font cover by Renzler Design and Fontfabric — free for personal use
Remboy elegant serif font with swashes and ligatures by Alit Design — free for personal use
Delicious Handrawn playful handwritten font cover by Agung Rohmat — free on Google Fonts
Madimi One rounded sans serif font cover by Taurai Valerie Mtake and Mirko Velimirović — free on Google Fonts
Instrument Serif condensed display font cover by Rodrigo Fuenzalida — free on Google Fonts
Viaoda Libre display serif font cover by Gydient — free on Google Fonts
Righteous geometric sans serif font cover by Astigmatic — free for commercial use on Google Fonts
Rondure bold rounded display font cover by Ruari Smith — free for commercial use
Lovelo geometric inline display font cover by Renzler Design and Fontfabric — free for personal use
Delicious Handrawn playful handwritten font cover by Agung Rohmat — free on Google Fonts
Instrument Serif condensed display font cover by Rodrigo Fuenzalida — free on Google Fonts
Righteous geometric sans serif font cover by Astigmatic — free for commercial use on Google Fonts
Remboy elegant serif font with swashes and ligatures by Alit Design — free for personal use
Madimi One rounded sans serif font cover by Taurai Valerie Mtake and Mirko Velimirović — free on Google Fonts
Viaoda Libre display serif font cover by Gydient — free on Google Fonts
Rondure bold rounded display font cover by Ruari Smith — free for commercial use
Lovelo geometric inline display font cover by Renzler Design and Fontfabric — free for personal use
Righteous geometric sans serif font cover by Astigmatic — free for commercial use on Google Fonts
Viaoda Libre display serif font cover by Gydient — free on Google Fonts
Delicious Handrawn playful handwritten font cover by Agung Rohmat — free on Google Fonts
Remboy elegant serif font with swashes and ligatures by Alit Design — free for personal use
Rondure bold rounded display font cover by Ruari Smith — free for commercial use
Instrument Serif condensed display font cover by Rodrigo Fuenzalida — free on Google Fonts
Madimi One rounded sans serif font cover by Taurai Valerie Mtake and Mirko Velimirović — free on Google Fonts