Meet The Sentry: a little security guard who lives inside your login screen. Instead of a standard progress bar, he acts as the UI's emotional feedback layer, reacting in real time to your password strength.

As you type, his posture tells you everything you need to know. A weak password literally puts him to sleep, while a medium one makes him snap to attention. Nail a strong password, and he stands proud with his arms crossed. When you finally hit login, he either gives you a crisp salute on a success, or goes into full panic mode on a failure. Mess up too many times? He completely locks you out with a firm "nuh-uh" attitude.

I designed the character from scratch in Adobe Illustrator, brought the layered SVG into Rive, and rigged him up using 4 bones and 7 distinct animations. The logic is all tied together with a state machine that listens to three specific inputs: a strength number, a success boolean, and a login trigger.

To ground the whole piece, I built out a sleek mobile UI mockup directly on the artboard—complete with a phone frame, text fields, and a login button. It places him right where he belongs: inside a living, breathing product, rather than just floating in an empty void. X Post : https://x.com/Haseeb47176936/status/2069391146011480149?s=20