LivePoint at a button or chip and watch the brackets lock on
The prompt
Build a custom cursor for a camera app page called Fieldframe 2 that looks like autofocus brackets. Dark background #0e1110 with faint rule of thirds lines, small corner frame marks and a monospace exposure readout at the top ("ISO 200 · 1/250 · F/1.8") and an "AF searching" status at the bottom, 12px uppercase. Centre the headline "Focus that never hunts", a grey line of copy, three mode chips (Portrait, Macro, Night) that change the exposure readout, a yellow (#ffd23f) "Get Fieldframe" button and a ghost "Watch the film" button. Hide the system cursor on fine pointers with cursor none. The cursor is four 16px L-shaped corners with 2.5px yellow borders around a 6px dot, spinning slowly while free. When it is over a button, chip or the headline, the spin settles on the nearest quarter turn and the corners slide out to wrap the element with 7px of padding, easing at 0.2 per frame, and a yellow tag reads "AF locked · Portrait" above it. Pressing tightens the brackets for a moment. Keyboard focus moves the brackets to the focused control. On touch, tapping locks onto a control, and when idle the brackets tour the buttons, locking onto each. For reduced motion, skip the spin and the tour.
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
Copy the prompt with the button above.
Paste it into your tool, such as v0, Lovable, Bolt or Claude.
Make it yours by renaming the modes and the readout to suit your own product.
About this custom cursor in CSS
A custom cursor earns its place when it tells you something. Here the pointer is a set of camera focus brackets. Out in open space they spin slowly, searching. Move onto a button, a chip or the headline and they stop, square up and slide out to frame it, while a small yellow tag says what is locked. Press and they tighten for a beat, like a shutter half pressed.
The page around it is styled as a viewfinder, with thirds lines, corner marks and an exposure readout that changes when you pick a shooting mode. Keyboard users get the same lock: tabbing to a control moves the brackets onto it, and the normal focus ring stays visible underneath.
Why the prompt works
It builds the cursor from four corners, each a CSS border, so the lock is a smooth slide rather than a swap.
It explains the spin settling on the nearest quarter turn, which stops the corners flipping when they lock.
It covers keyboard and touch, with focus locking and an idle tour of the buttons.
It hides the system cursor only on fine pointers, so phones are untouched.
Where to use it
Camera and photo apps, design tools, portfolios for photographers and any interface with a handful of large targets. Avoid it on dense forms, where a precise arrow matters more than character.
The prompt is shared under CC BY 4.0. Reuse it freely, including commercially, with a credit linking back to this page.
We use cookies to measure how the site is used and, if you allow it, to show advertising. Prompts you copy and previews you try are never collected. See our privacy policy.
