# Infinite Canvas (インフィニット・キャンバス)

> Scott McCloud's name, given in Reinventing Comics in 2000, for a way of laying out webcomics. The screen is treated as a window onto one unbroken surface rather than as a page, so panels can run in any direction for any distance. Because the medium measures time with space, the gap between panels becomes the pace of the story.

- IndexStyle No.529 — https://indexstyle.org/styles/infinite-canvas
- Kind: Layout · Family: Reading on the Web · Era: 2000–
- Mood: Play, Rebellion
- Color cues: #FFF980 / #FFFFFF / #666633 (cues taken from reference works, not a fixed palette)

## Defining characteristics

- A surface far taller or wider than any paper format, with no page break anywhere in it
- The story slowing where panels drift apart and quickening where they crowd together
- Panel runs that step down like a staircase or wind into a spiral, arrangements a page could not hold
- One panel dwarfing its neighbour many times over, a range no fixed format would allow

## Best used for

- Designing a vertically read comic as a single continuous surface instead of a sequence of pages
- Pacing a long explanatory piece by controlling the distance between its beats

## Composition recipe

- Typography & lettering: Keep dialogue and narration inside the panels rather than pushing them into captions outside the frame. Use one family and let size carry volume.
- Layout & structure: Never break for a page, only for the story. Stretch and compress time with the distance between panels, opening the widest gaps in the quietest passages.
- Material & texture: Carry the background through the gutters so the surface reads as one drawing. Signal where the reader currently is by shifting the ground color or pattern.

## What to avoid

Expanding in every direction at once because the canvas allows it leaves readers with no idea where to go next; settle on one direction first and add branches only after the spine holds.

## Application checklist

Before calling a piece an application of this style, check it against the defining characteristics:

- [ ] A surface far taller or wider than any paper format, with no page break anywhere in it
- [ ] The story slowing where panels drift apart and quickening where they crowd together
- [ ] Panel runs that step down like a staircase or wind into a spiral, arrangements a page could not hold
- [ ] One panel dwarfing its neighbour many times over, a range no fixed format would allow
- [ ] At least one reference work below has been studied directly
- [ ] The caution above ("What to avoid") has been addressed

## Related styles

- **American Comic Book Style (アメリカン・コミックの様式)** — The grammar of exaggeration born from four-color printing and Ben-Day dots: bold outlines, primary-color costumes, speed lines and bursting onomatopoeia printing American myth on cheap newsprint. → https://indexstyle.org/styles/american-comic-style
- **Manga Lettering (漫画の描き文字)** — In Japanese manga, sound effects and even the feel of silence are drawn as pictures, from a booming don to a hushed shiin. Hand-lettering turns the texture of a sound into line weight and shape, dissolving the border between image and word inside the panel. → https://indexstyle.org/styles/manga-lettering

## Further study

- McCloud 本人のサイトに残る infinite canvas の解説と実験作
- 『Reinventing Comics』(2000) の該当章
- 縦スクロール前提の漫画がコマ間の距離をどう使っているか

## Reference works

- Scott McCloud《The Right Number》2003年 — Wikimedia Commons / Public domain — https://commons.wikimedia.org/wiki/File:The%20Right%20Number%20title%20card.png
- インフィニット・キャンバスの「トレイル」配置図 — Wikimedia Commons / Public domain — https://commons.wikimedia.org/wiki/File:Infinite%20Canvas%20trails.PNG

## Source of record

- Scott McCloud — The "Infinite Canvas" (一次資料・命名者本人のサイト) — https://scottmccloud.com/4-inventions/canvas/

## Machine surfaces

- JSON: https://indexstyle.org/api/styles/infinite-canvas
- Image-generation prompt (legally clean): https://indexstyle.org/styles/infinite-canvas/prompt.txt
- MCP: https://indexstyle.org/mcp (tools: search_styles, get_style, compose_styles; prompts: image-prompt, apply-style)
