Component · Text animations

Glitch text effect on a 404 page

by Informeek Studio 11 November 2026
Live Hover or tap the 404 to break the signal

The prompt

Create a 404 page for an online radio station with a glitching "404". Near-black background #0b0b0f, faint 1px scanlines every 3px and a 320 by 200 canvas of random grey noise stretched over the page at 4.5% opacity, redrawn every 110ms. Centre a 13px uppercase pink #ff2e88 label "Signal lost" with a blinking dot, then "404" in 900 weight at 290px on desktop and 120px on phones. Stack five copies on it: a cyan #00e5ff and a magenta #ff2e88 copy with mix-blend-mode screen offset 2px either way and swaying gently, and three white slice copies hidden by clip-path. Every 1.8 to 3.8 seconds fire a short burst of 140 to 320ms: each frame the slices take a random clip-path inset band of 3 to 16% height and shift sideways by up to 46px, the colour copies jump up to 18px, the block skews up to 6 degrees and some slices swap a digit for a symbol. Hovering, tapping or pressing Enter on the 404 fires a stronger 750ms burst. Below: "This frequency went quiet.", a short grey line, a small tuner scale from 400.0 to 408.0 with a pink needle and a cyan "404.0 FM" readout that wobble during bursts, and two buttons, "Back to live" and "See the schedule". For reduced motion keep only a still 3px colour split.

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 swapping the station for your own brand and the tuner for your own small detail.

About this glitch text effect

A glitch text effect fits a 404 page better than almost anywhere else, because something really has gone wrong. This one treats the missing page as a lost radio signal. The big 404 sways with a faint cyan and magenta split, and every few seconds it tears into horizontal bands that jump sideways, swap digits for symbols and snap back.

The bursts are short and irregular on purpose. A glitch that runs constantly turns into wallpaper; one that arrives every two to four seconds for a fraction of a second keeps catching the eye. The tuner below wobbles with each burst, a small detail that ties the effect to the station.

Why the prompt works

  • It lists every layer, two colour copies and three clipped slices, so the build is clear.
  • It gives the burst rhythm, 140 to 320ms every 1.8 to 3.8 seconds.
  • It sizes the slices and shifts, 3 to 16 percent bands moving up to 46 pixels.
  • It adds a calm version for reduced motion and a keyboard trigger.

Where to use it

Error pages, music and gaming sites, and launch countdowns. Keep the real way out, the buttons, plain and steady beneath the noise.

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 →