← All posts

A warm palette and skeleton screens

designUX

Big design day. We gutted the default blue-gray aesthetic and replaced it with a warm, outdoorsy palette — think amber accents, earthy browns, and sport-specific color coding. The kind of thing that makes you feel like you're already outside.

The new palette

The old design was functional but lifeless. The new system is rooted in warm tones: a soft cream background that shifts to deep brown in dark mode, a rich amber accent that says "adventure" without screaming, and each sport gets its own color — cycling is amber, running is red, hiking is green, and so on.

Dark mode got the same treatment. Instead of the usual dark-gray-on-darker-gray, we went with warm charcoal tones. More campfire than corporate.

Skeleton loading

Nobody likes staring at a blank page while data loads. We added skeleton screens — animated placeholder cards that match the shape of real content. It's a small touch, but it makes the whole experience feel dramatically snappier even when the network isn't.

The little things

Event cards now show at a glance how many people are going. Routes display a little elevation sparkline so you can eyeball the terrain. Actions like RSVPing actually give you feedback now instead of just... happening silently.

It's starting to feel like an app people might actually want to use.