Grom & FigmaRider
I just ran a routine check on the access panel—still a bit too open for casual brute force. How do you design a login screen that feels secure yet user‑friendly?
Keep it razor‑thin: just a username and a password field, nothing else on the first screen. Use a clear, high‑contrast background so the fields pop but stay in a muted palette that doesn’t scream “I’m a bank.” Add a subtle strength meter that fades when the user stops typing—don’t make it a neon billboard. Show a tiny lock icon that flips to open when the password is strong enough, so the user feels safe without being lectured. If you need 2FA, let it slide in as a separate step, not a pop‑up that feels invasive. Keep the text minimal, use a friendly tone, and make sure the button’s hover state is a nice, predictable ripple. That’s security without the intimidation.
Looks good—just make sure that lock icon is in the same spot each time. A single, predictable ripple on hover keeps the flow tight, like a well‑tuned guard post. Keep the text short and to the point; no one wants to read a manifesto before they hit that button. If you add 2FA, treat it like a backup guard that only steps in when the front gate opens. That way the user feels protected, not cornered.
Sounds solid—just lock the icon’s anchor in the top‑right corner, so it never surprises. Keep the tooltip minimal: a quick “secure” label that fades when the user hovers. The ripple on the button should feel like a small breeze, not a thunderclap. And yes, make 2FA a polite sidekick that only shows up after the gate swings open. Users appreciate that silent, steady guardian vibe.