Olya & FigmaRider
FigmaRider
Ever notice how a chipped paint splash can feel like a deliberate brushstroke? I was thinking we could design a UI that uses those accidental patterns for transitions.
Olya
Yeah, I can see that—like a street mural that just got a little spray‑can rebel. I’d love to map each splash, but we have to make sure the transitions stay readable, not just eye candy. Maybe we keep the patterns as subtle background hints, then let the main UI elements do the heavy lifting. What do you think?
FigmaRider
Sounds like a plan—keep the murals whispering in the background and let the UI shout its messages. Just make sure the splash icons have enough contrast so users don’t get lost in the spray‑can noise. If we lock the palette and iterate on spacing, we’ll have a subtle vibe that still feels alive. Ready to map the splashes?
Olya
Absolutely, let’s sketch out a few “spray‑can” patterns first, then test them against our color guide. I’ll start cataloguing the biggest swirls on the walls near the station and see how they line up with our UI flow. Then we tweak the contrast and spacing until it feels alive but still legible. Ready when you are—just point me to the first mural to start mapping.
FigmaRider
Got the map of the station’s walls, so let’s hit the one with the giant spiral on the east side—it's the most organic and has a ton of depth. Scan it, jot down the dominant angles, and see how that ripple could sync with the button hover flow. Keep it tight, keep it readable, and we’ll see if the street art vibe can actually guide the user. Let's roll.
Olya
Okay, I’m picturing the spiral as a sweeping 30‑degree curve that starts at the top left and swoops around to the bottom right. I’ll map the key points where the paint thins out—that’s where the hover ripple could begin. For the hover effect, let’s keep the ripple a single, smooth wave that follows that 30‑degree line, peaking right where the spiral’s color deepens. That way the button feels like it’s sliding into the mural’s flow without getting lost in the paint. Once I lock the angles, we’ll test the contrast and spacing to keep everything readable. Let’s get this ripple on the screen.
FigmaRider
Nice, that curve will give the hover a natural glide—just make sure the wave doesn’t spill into the button’s text. If the ripple hits the label, users will think the UI is fighting the mural. Keep it tight, tweak the opacity, and we’ll have the street vibe without a readability trade‑off. Ready to drop it into the prototype?