---
id: "2113165567305863673"
source: https://x.com/buildwithsid/status/2113165567305863673
author: "siddharth (@buildwithsid)"
media: "video, 3612x2160, 48.0s"
model: claude-opus-5-5
generated: 2026-10-22
---
# Text Page Warped by a Black Hole

## Summary
A full page of grey monospaced paragraphs on warm off-white paper, with an invisible black hole in the middle pulling the letters into rings; as the cursor moves the hole and the view angle shifts, the text smears, thins and re-forms around it. A quiet, readable surface that keeps turning into an image.

## Style
- Theme: light
- Mood: calm, literary, uncanny, precise
- Tags: text-rendering, black-hole, lensing, monospace, interactive, paper, generative
- Category: Typography, Motion

## Palette
| Role | Hex |
|---|---|
| Paper | #EEEDEB |
| Paper shade | #E1E1DF |
| Light grey | #D9D9D7 |
| Mid grey | #C6C6C4 |
| Text grey | #979393 |
| Ink | #2B2B2B |
| Pink spark | #D3367C |

## Typography
- Page text: small monospaced, regular, grey, tight line height. IBM Plex Mono (400).
- Title in the top left corner in small caps of the same mono.

## Layout
- 5:3 frame (3612x2160): the text block fills the full width with a narrow margin.
- The lensing centre sits slightly above the middle; the rest of the page stays a normal flowing paragraph.

## Elements
- Displaced letters: characters pushed outward into concentric rings, getting sparser toward the centre.
- Shadow: a near-empty area at the centre where letters are missing.
- Dense ring: bunched characters forming a ring and an ellipse.
- A few pink characters scattered in the dense areas as highlights.
- Cursor: standard arrow, used to steer.

## Motion
- The page starts almost flat; the ring grows as mass increases over the first seconds.
- The cursor moves the hole slowly across the page; letters flow around it with a soft lag.
- The view tilts so the ring becomes an ellipse and back.

## Rebuild it
1. Draw the text as a monospaced character grid on a 2D canvas or in a WebGL text atlas.
2. Each frame, for every cell compute a lensing offset toward the hole (angle about mass / distance) and sample the source character at that offset.
3. Fade out cells inside the shadow radius; increase opacity near the ring.
4. Ease the hole position toward the pointer (`lerp` 0.08 per frame) and animate mass with a spring.
5. Keep the palette to grey ink on warm off-white, plus a rare pink accent.

## Generation prompt
A page of small grey monospaced text on warm off-white paper, with an invisible black hole in the centre bending the letters into rings and an empty shadow; the distortion drifts with the cursor and the text re-flows smoothly around it, a few pink characters glinting; minimal, literary, generative typography, soft and calm.