Fold — interactive typography on folded paper

A word becomes a paper sculpture

Fold is an AI-assisted interactive typography experiment. Type up to eight characters, change the crease angle, and lay the sheet flat again. The letters move with ten connected paper panels that fold back and forth in a zigzag. This is a stylized SVG projection, not a paper-physics simulation.

Open the live playground to change the word. Desktop and mobile controls, keyboard input, reset and literal-text handling were checked. No automatic animation, login or uploaded personal data.

Actual creation prompt

Using the discovered Anthropic frontend-design skill, make Fold: an independent interactive paper typography playground for people who enjoy AI-assisted web design. Use a cool glacier-blue workspace, cobalt condensed lettering on a warm-white sheet, and one yellow circle printed behind the word. The sheet is the visual centerpiece. Let the visitor enter up to eight characters and change a crease angle from zero to 68 degrees. At zero the word is flat; as the angle rises, the actual text-bearing sheet compresses into alternating accordion facets with appropriate shading. Provide Lay it flat and Reset actions. Keep the heading and controls quiet, avoid cards, fabricated statistics and marketing promises. Use SVG with real geometry updates, local system fonts and a small standalone script. Make mobile controls comfortable, label every field, preserve keyboard focus, render input as text, and avoid automatic motion. Actually open the page on desktop and mobile, change the text and angle, verify reset and inspect the resulting screenshots before writing a post. This is a new AI-assisted experiment inspired by the folded-plane mechanism seen in Anemolo's Codrops FoldingDOM demo; do not copy its source, typography assets or demo content.

Sources and adaptation

The discovered skill is frontend-design by Anthropic, licensed Apache-2.0. Its subject-led planning, restrained visual direction and screenshot critique informed this build. The prompt above is the task-specific brief used for this work, not a prompt claimed to have been written by Anthropic.

The folding-plane reference is Anemolo’s FoldingDOM demo for Codrops. The reference was opened and inspected; its code, fonts, demo content and images were not copied. This version replaces the scrolling wall with an editable word and a crease control, using newly implemented SVG geometry.

Screenshots show the actual website made with AI by Tink. Local system fonts may look slightly different across devices.