Comic Page Layouts: Panels, Gutters and Balloons

What is a comic page layout?

The layout is the grid a page is built on: how many panels, how big, and in what order they read. It is the first decision on every page, before anyone draws a face, because the size of a panel decides how much it can show and how long a reader lingers on it. Most pages are built from three families: the splash, tiers and grids.

These are the seven layouts ColorCraft’s AI comic book generator uses (it’s our product); hand-drawn comics use many more, including irregular and overlapping panels, but every one of them still has to read in an obvious order.

What is a splash page, and when should you use one?

A splash is a page given to a single image. It is the comic’s loudest moment: the opening establishing shot, the hero’s entrance, the reveal, the final scene. Because it stops the reader, it works only when the moment deserves it. A book with a splash every few pages has no loud moments left. Splashes often run off the page edge into the bleed; on KDP that means exporting the page at the trim plus 0.125" wide and 0.25" tall.

What are tiers and grids?

A tier is a horizontal row of panels running the width of the page. Three tiers is the classic page: each row is a wide, cinematic beat. Two tiers suits big establishing shots. A tier can also be split, as in “wide over two” (one wide panel on top, two below) or “two over wide”, which builds to a payoff in the bottom row.

A grid divides the page into equal cells: four (2 × 2) or six (2 columns × 3 rows) are common, and some comics go to nine. Equal panels give equal weight to every moment, which makes a grid good for conversations, steady build-ups and fast exchanges, and less good for a single big action.

How many panels should a comic page have?

Most pages hold two to six. Fewer, larger panels slow the reader and give each image room; more, smaller panels speed things up and fit more dialogue. Younger readers need fewer panels and fewer words per panel. Teen and adult action can carry more, but a page of six fights is hard to follow, so mix dense pages with open ones.

• One beat per panel. If a panel description needs “and then”, it is two panels.
• End the page on a turn. The last panel of a right-hand page is where a reader decides to turn it.
• Vary the rhythm. Change the layout from page to page so the book doesn’t read like a spreadsheet.

In ColorCraft you choose how busy the pages are: Light (2–3 panels a page), Standard (3–5 panels a page), Dense (5–6 panels a page). Paige picks a layout per page within that range, up to 6 panels, and you can change any page’s layout before it is drawn.

What is the reading order of a comic page?

In Western comics, panels read left to right along a row, then down to the next row, like text. Traditional Japanese manga reads right to left; ColorCraft’s pages, including its manga styles, read left to right. Within a panel, balloons follow the same rule: the higher, further-left balloon is read first.

Trouble starts when the grid is ambiguous. A tall panel on the left beside two stacked panels on the right can be read across or down; if readers have to stop and work it out, the page has failed. Line up the gutters so the next panel is always obvious, and don’t stack panels vertically in a column unless the row structure makes it clear.

What are gutters, and how wide should they be?

The gutter is the white space between panels. It separates moments, and readers fill the time between them in their heads: a narrow gutter feels like a quick cut, a wider one like a pause. Keep gutters the same width across a page so a change in width means something. ColorCraft’s comic styles start between 0.125" and 0.25", and the editor lets you set them anywhere up to 1".

In print, “gutter” also means the binding margin, the inside edge where pages meet the spine. On a KDP paperback of 24 to 150 pages it must be at least 0.375", so panels and balloons near the spine need that space too. The full rules are in KDP trim size, bleed and margins, and the margin calculator works them out for your trim.

Where do speech balloons go in a panel?

• In reading order. The first line spoken sits highest and furthest left; a later balloon is never above an earlier one.
• First speaker on the left. Stage the panel so whoever talks first stands on the left, or the tails cross.
• Beside the speaker. Level with their head or above it, closer to them than to anyone else.
• Tail toward the mouth. Aim it at the speaker and stop it short of the head, crossing no other balloon or face.
• Never over a face. Faces carry the emotion; a balloon on one hides the panel’s point.
• Inside the panel and the margins. Words that run into the bleed or the binding gutter can be cut off or lost in the fold.

Keep it short. A panel with three people talking at length is a page of text with pictures behind it. ColorCraft caps a panel at 3 lines of up to 120 characters, and places each balloon by these rules; every balloon stays editable, so you can move it or its tail. Leave a panel silent when the picture says enough.

What is the difference between captions, balloons and sound effects?

Captions usually sit against the top or bottom edge of a panel, top-left when they open a scene. A sound effect belongs near its source and clear of faces and balloons, and one per panel is plenty. In ColorCraft a caption holds up to 160 characters and a sound effect up to 12; all of them are lettered as editable text over the art, not drawn into the picture. Characters stay consistent across these layouts with the habits in how to keep characters consistent in a comic.

How do you check a layout before printing?

Print a page at actual size, or view it at 100 percent, and read it cold. Can you tell which panel comes next without thinking? Is every balloon readable and clearly attached to its speaker? Does the last panel make you want to turn the page? Then check it against your printer’s margins and bleed. For a KDP paperback, how to publish a comic book on Amazon KDP covers trim, ink and the cover.

Frequently asked questions