Component · Cards

Reflective chrome room key card

by Informeek Studio 11 November 2026
Live Tilt the key, then press Unlock door

The prompt

Create a digital hotel room key with a polished chrome finish. Warm charcoal page (#141413) with a soft light from above, a small uppercase label "Your digital room key" and a landscape card at credit card ratio (1.586), up to 460px wide, 18px radius, with a 1.5px bevelled silver edge. The face is a 118 degree linear gradient of silver bands (#7f8892, #dfe5ea, #ffffff, #a9b2bb, #7c858f, #f5f7f9) sized 260%, plus faint horizontal brushed lines. Engrave the text in near-black (#1c2026) with a 1px white highlight below: "VERRE, Hotel, Porto" in a spaced serif, a contactless icon, "714" at 64px with "Suite, floor 7", then Guest "Ada Lindqvist" and Check out "Sun 14 Dec". The card tilts up to 13 degrees towards the pointer and the silver bands slide the opposite way, about 3.4% per degree, like a reflected room. Add a warm orange and cool blue soft-light tint, a skewed light streak and a white specular spot at the pointer. Drag to tilt on touch, idle sway after 2.4s. A gold "Unlock door" button pushes the card forward 40px, sends three rings out of the contactless icon and turns the status green, "Door 714 unlocked, welcome back", for 3.6s.

Written by Informeek Studio to recreate this design. Prompts are not deterministic: running it again gives a similar result, not an identical one.

Use it in three steps

  1. Copy the prompt with the button above.
  2. Paste it into your tool, such as v0, Lovable, Bolt or Claude.
  3. Make it yours by changing the hotel name, room number and guest to suit your own booking app.

About this reflective card effect

A reflective card effect works when the reflection moves the wrong way. Here the chrome face is a wide band of silver tones, from deep grey to pure white, and as the card tilts right the bands slide left, exactly as a mirror shows the room behind you. A light streak, a white hot spot at the pointer and a faint warm and cool tint finish the illusion of polished metal without a single image.

The room key details are engraved: dark text with a one pixel highlight underneath, so they read on every band of the finish. Pressing Unlock door pushes the card towards you, sends rings out of the contactless mark and confirms the door in plain words.

Why the prompt works

  • It lists the silver stops as hex codes, so the metal has real contrast.
  • It states the reflection rule, bands move opposite to the tilt at a set rate.
  • It explains the engraving, which keeps the text readable on chrome.
  • It gives the unlock moment exact timings and copy.

Where to use it

Hotel and gym apps, digital keys, premium memberships and event wallets. Keep the rest of the screen dark and quiet so the metal has something to reflect against.

The prompt is shared under CC BY 4.0. Reuse it freely, including commercially, with a credit linking back to this page.

Keep exploring

More prompts like this

See the collection →