Informe de campo
El día 14 el equipo llegó a a las . El contacto, conocido como , entregó y se marchó en un .
HTML + CSSText & scroll
Redacted typewritten report
A typewritten case file with black censor bars that pull away one by one when pressed, or all at once.
Settings
16px
1x
Code
<article class="uvq14-red"><header><span class="cl">Confidential</span><span>File 27/B</span></header><h3>Field report</h3><p>On the 14th the team reached <button type="button" class="rd" aria-pressed="false">Valdeluz</button> at <button type="button" class="rd" aria-pressed="false">06:40</button>. The contact, known as <button type="button" class="rd" aria-pressed="false">the Librarian</button>, handed over <button type="button" class="rd" aria-pressed="false">three sealed envelopes</button> and drove off in a <button type="button" class="rd" aria-pressed="false">blue Seat 600</button>.</p><footer><button type="button" class="all" aria-pressed="false">Declassify all</button><span class="sg">Signature: illegible</span></footer></article>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Text & scroll
See all Text & scrollWhere to use it
Black redaction bars make any text feel like a secret worth reading. In this report each bar is a real button over the hidden words, so keyboards and screen readers reach them, and a clip path gives the marker strokes uneven edges. Use it for mystery campaigns, case studies, product reveals or a playful about page.
Swap the hidden phrases for your own and change the stamp color with the main color and the bars with the secondary one. The declassify button reveals everything in sequence and can hide it again, while each bar keeps its own pressed state.