The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Running Tracker Dashboard - Fitness / Sports Tech
Sharpen every step.
Built a running dashboard that feels like lacing up at midnight. Your last run, your weekly chart, your rank against friends, all on one screen without scrolling.
You check the phone post-run. You plan the week on the laptop. Both need to feel like the same app without being the same layout.
#FitnessApp #DashboardDesign #UIDesign #DarkUI #SportsTech
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
Three days ago, I had never opened Rive.
Today I'm submitting LEAD CHANGE — a live golf broadcast overlay.
In golf, one putt can reorder the whole tournament. But broadcast graphics almost always show it after the fact. I wanted the opposite.
Everything on screen runs off a single value: the player's score.
Change it, and the card, the ticker, and the position all move at once. The position isn't drawn; a Luau script computes it against the rest of the field.
Under the hood: data binding on a Leaderboard ViewModel, a four-state machine that physically swaps the top two rows, and a second layer running a constant idle pulse so it never sits frozen.
Designed in Figma, animated in Rive, composited over real footage.
@rive_app #rivebroadcastchallenge
This is awesome 🔥
So nice work 👏🏻 I really enjoyed seeing it 🔥
Which button do you actually want people to press?
Same hero, same two actions. The only thing I changed is their weight, and that alone decides where the eye lands.
1 – Two primaries. Both buttons solid amber. Looks confident, reads as a tie - and the visitor has to break it.
2 – One primary, one quiet. "Book your stay" stays solid; "Explore cabins" drops to a ghost. Now there's a clear first move and a calm backup.
Hierarchy isn't about adding emphasis - it's about turning one thing down so the other can lead.
Do you give the main CTA a clear winner, or keep the options equal?
6 voted
10%
57 voted
90%
63 votes
Closed
one solid one ghost, every time