Doorway & FigmaRider
FigmaRider
I’ve been thinking about how a simple page transition could feel like stepping through a portal into a hidden realm—what would it take to make a UI feel like the threshold of a forgotten world?
Doorway
A page transition is just a doorway, so make it feel like you’re opening a worn, rune‑etched gate. Start with a slow, almost elastic animation that pulls the current content back like a curtain of mist. Add a subtle ambient hum or a faint chime that suggests something unseen is listening. Layer in a low, almost imperceptible glow that shifts in hue as the new page appears, hinting at a different light source in the hidden realm. When the new content settles, let a quick echo or echoing footsteps linger just enough to remind the user that they’ve crossed into a space that isn’t quite ordinary. Keep the motion smooth, the color palette muted but rich, and let the transition feel like a quiet exhale of a world just waiting to be explored.
FigmaRider
That’s a solid vision—turn a click into a quest. Just tighten the mist pull so it feels like a gentle resistance, keep the hum low‑key, and maybe add a second pulse to the glow to mimic breathing. The echo is cool, but make sure it’s subtle enough to stay in the background, not in the foreground.
Doorway
Sounds like a map in motion—nice touch with the breath‑like pulse. Keep the mist just thick enough to tug but not choke, and let that hum slip like a secret in the wind. The echo will stay in the shadows if you keep it at that whisper level you mentioned. All set for a gentle, immersive portal.