Pixel Poetry

How it’s built

Layout

Pale warm field with a three-step left column and two large black-outlined window panels at right, one containing small word chips and one centered output.

Type

Pixel-like black display and panel titles; small regular sans explanations.

Color and surface

Warm off-white, black outlines, gray buttons and black text.

Components

Vertical step rail, rectangular buttons, outlined word-chip panel and output panel.

What makes it work

• Pixel-like headings
• black square outlines
• step rail
• paired item and output panels

Measured

Computed CSS at 1440px, 2026-10-24.

Live behavior

Today

The Pixel Poetry page uses a warm near-white background, a pixel-like masthead, a short instruction, and a three-step vertical rail at left. A large bordered panel at right displays the poem “The House” and several paragraphs; the footer is a black band. On the phone, the masthead wraps into two lines and the step rail becomes a fixed-looking lower panel in the captured frame, with the poem panel above it. The controls are visible but were not operated.

Responsive

At 1440×1000 the page has a left-side step rail and wide poem panel side by side. At 768×1024 the same two-column arrangement remains but both columns narrow and the text wraps more. At 390×844 the step control is shown as a broad panel along the lower edge, while the poem text occupies a bordered column above. These three samples do not establish exact breakpoint thresholds or whether the lower panel is fixed during scrolling.

Scroll

The state labeled desktop-scroll is pixel-identical to desktop-t0 and reports actual scrollY=0 in a 1440×1000 document. It does not show a scrolled position or establish scroll behavior.