All studies

Text

Mono scramble

Case study metadata resolves left to right in Space Mono, with a short band of noise running just ahead of the real characters.

36 / 74

Where it earns its place

Small monospace labels on case study cards, spec sheets or dashboards, where data should feel like it is arriving rather than already sitting there.

What we changed

  • The final text is laid underneath invisibly, so each row holds its width and the layout never grows as it resolves.
  • Noise comes from the label's own alphabet (caps, digits, / + %) and spaces stay spaces, so word shapes show before the letters do.
  • Timing is frame-driven by elapsed time, 26ms per character with noise re-rolled at about 18Hz, replacing a setInterval that re-rendered every tick.
  • Scoped to case study cards with real Kinetiq results and staggered per card and row; reduced motion renders the values directly.
  • Kept the original's best choice: only a three-character band is scrambled, never the whole string, so it stays readable throughout.