ISby Informeek Studio·Made with Claude·11 November 2026
LiveHover or tap any line to scramble it again
The prompt
Claude · Claude Opus 5.5
Create a text scramble effect for a security product card. Near-black page (#0a0a0b) and a rounded card with a thin warm border. Use a monospace font throughout. Top row: "Release 4.2" in muted grey on the left and "Decrypted" in amber (#fbbf24) on the right. Below, two large bold lines "Your keys never" and "leave this device.", then a smaller grey line "End-to-end encrypted notes for teams who mean it." On load, each line scrambles: every letter cycles through random capital letters, digits and symbols, shown in amber, then locks into the real letter from left to right, 28ms apart per letter, with each line starting about 400ms after the one above. Hovering or tapping a line scrambles it again. Wrap each word in a no-wrap span so words never break across lines on phones, keep the real text in an aria-label, and skip the effect for reduced motion.
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 changing the lines to your own product promise.
About this text scramble effect
A text scramble effect suits anything about security, code or data, because it shows the message being decoded in front of you. Here each letter flickers through random characters in amber before locking into place from left to right, and the three lines start one after another so the card reads top to bottom.
The monospace font matters more than it looks. Every character has the same width, so the line does not jump about while letters change. Words are kept together in no-wrap spans, which stops a phone from breaking “teams” across two lines halfway through the effect.
Why the prompt works
It says which characters to use, capitals, digits and symbols, so the noise looks deliberate.
It gives the lock speed, 28ms per letter, which keeps a long line under two seconds.
It covers replay, hover on desktop and tap on touch screens.
It protects the real text with an aria-label for screen readers.
Where to use it
Security pages, developer tools, release notes and launch countdowns. Keep it to short lines: a paragraph that scrambles is tiring to watch.
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.