Approve this sign-in?

Someone just tried to sign in to rae@northwind.co. If this was not you, block it and change your password.

Device
Windows 11 desktop
Browser
Chrome 128
Location
Rotterdam, NL

Not a place you have signed in from before.

Requested
Just now ยท 14:02 CET

Check this number matches the one on the other screen

47

This request expires in 2 minutes.

">

The prompt

Design a device approval screen with Tailwind CSS, shown on a trusted device when a sign-in is attempted elsewhere. Centre a max-w-md white card. Lead with an amber-tinted round tile holding a bell glyph, a heading reading "Approve this sign-in?" and a muted subline saying someone is trying to sign in to the account. Below, a bordered detail block listing four labelled rows โ€” device, browser, location and time โ€” with the label in muted small text on the left and the value right-aligned in medium neutral-900, plus a small amber note under the location row saying it does not match recent activity. Then two buttons side by side, a neutral outline "It was not me" and a dark "Yes, approve", followed by a monospaced two-digit-style code the person is asked to match with the one on the other screen, and a last line saying the request expires in two minutes.

Paste it into Claude, Cursor, v0 or any AI coding tool. Prefer the finished markup? .