Comic page layout: panels, grids and reading order, with AI examples
Grid or varied panels, how many panels per page, reading order: how to lay out a comic page, with one script drawn twice by AI and free blank comic page templates.
Frank HoubreFounder of Imaginode
8 min read
How to lay out a comic page
A comic page layout comes down to three choices: the grid (equal panels or varied sizes), the reading order (left to right, row by row), and where the key moment goes, which deserves the biggest panel or the last one.
The page is split into tiers, the horizontal rows, and each tier into panels. The white space between panels is the gutter. Those four words cover most of what you need to talk layout with an artist, or with an image model.
Further down: the same six-panel script drawn twice by AI, once on a regular grid, once with a big panel for the reveal. The difference jumps out. You'll also find three free blank comic page templates to print, with 6 and 9 panels and a varied page.
Grid or varied layout: two ways to think about a page
A regular grid lines up identical panels and lets the drawing do the talking; a varied layout sizes each panel by what it shows.
French comics theorist Benoît Peeters sorts page layouts into a few families. The two you'll use every day are the **conventional** layout, the regular grid of equal panels, and the **rhetorical** layout, where a panel's size follows its content. A storm at sea gets the full width, a glance fits in a small square.
A grid is not the beginner option it looks like. It sets a steady beat, like a metronome, and puts all the weight on art and dialogue. That also makes any change stand out: when every panel is the same size, one double-width panel hits hard. A varied layout pulls the eye toward what matters, but if every panel changes shape the page turns into a puzzle.
Three page layouts worth knowing first
| Layout | How it works | Effect on the reader | Use it for |
|---|---|---|---|
| Regular grid | Equal panels (6 or 9 per page) | Steady rhythm, quick read | Dialogue, slow suspense, gags |
| Varied (rhetorical) | Panel size follows content | Eye goes straight to the big moment | Action, reveals, wide vistas |
| Splash page | One image fills the page | Stops the reader cold | Openings, climaxes, once a chapter |
How many panels per page
Most comics run four to nine panels a page, and six is a good place to start your first one.
These are habits, not rules. American comics often sit around four to six panels, European albums around six to nine, and manga swings a lot with the action. The nine-panel grid (three tiers of three) is famous because Dave Gibbons held it through almost all of Watchmen.
Panel count also sets the workload. Fifty pages at twelve panels each is 600 panels to draw, or with AI, 600 images to generate and keep consistent. Worth knowing before you pick a tight grid.
For a first page, six panels (three tiers of two) leave room for a balloon and a readable background. Past nine, panels shrink to postage stamps and the lettering crowds out the art.
Reading order: the Z-path, and the tall panel trap
Western readers follow a Z-path, left to right and then down to the next tier, but a tall panel on the right often makes them go down first.
Researcher Neil Cohn tested it: 145 people numbered pages of empty panels (study published in 2013). On a regular grid, they followed the Z-path about 94% of the time. Nothing to worry about there.
Trouble starts when a tall panel spans two tiers on the right, next to two stacked panels on the left. In that setup, 91 of the 145 participants went down the left column first, against 40 who crossed over to the tall panel. If your script expected the other order, a good share of readers gets the scene backwards.
The fix: when two orders are possible, make the one you want obvious. Widen the gutter between panel groups, put the tall panel on the left, or run it across the full width. And remember that Japanese manga reads right to left, and webtoons read top to bottom, one panel under the next.
One script, two layouts: our AI test
We drew the same six-panel script on a grid, then with a big panel for the reveal: the second version tells the story better, and the model followed its layout instructions more closely.
The script fits in six panels. **PANEL 1.** Wide shot, a lighthouse on a rock, stormy night. CAPTION: Kerdu Lighthouse, a stormy night. **PANEL 2.** Maelle, the keeper, climbs the stairs with a lantern. MAELLE: Another night without a ship. **PANEL 3.** Her hand pulls the lever, the lamp comes on. SFX: CLACK. **PANEL 4.** Close-up, her face, surprised. **PANEL 5.** Far out at sea, a small light blinks back. **PANEL 6.** She smiles and swings her lantern. MAELLE: Finally, someone.
Version one, regular grid: six equal panels, three tiers of two. Version two, varied: panel 1 as a wide banner, panels 2, 3 and 4 squeezed into one tier, panel 5 across nearly half the page, panel 6 as an inset in its corner. Same model, same style, one generation each.
Results first. The English grid came out perfect, six equal panels. The French version, same prompt with translated lettering, did not: the model alternated wide and narrow panels and added a page number we had asked it not to. The varied layout was followed to the letter in both languages, with one slip in French, where Maelle loses her yellow coat in panel 2.
As storytelling, the grid loses. Panel 5, the distant light, is the same size as the hand on the lever. The reveal barely registers. In the varied version, the sea takes half the page and the tiny light becomes the event. The three cramped middle panels speed up the climb, then the page opens wide, and your eye stays on the sea a beat longer before you reach "Finally, someone."
Describing the layout in a prompt
State the panel count, describe the page tier by tier, say which panel is biggest, and list what the model must not add.
Our test shows it: "six equal panels" worked once out of two, while a tier-by-tier description ("panel 1 across the full width at the top, three small panels side by side in the middle") worked both times. The more concrete the instruction, the less the model improvises.
Four lines belong in every page prompt. Total panel count and arrangement. The relative size of the key panel. The exact text of each balloon, in quotes. And the don'ts: no page number, no signature, no extra text. Our model slipped in an unrequested page number in both of our page tests despite that line, so check the bottom of the page.
To keep a character consistent across pages, a reference sheet is still the safest bet, as covered in our guide to keeping an AI character consistent. And if the script isn't written yet, start with how to write a comic script, panel by panel.
Free blank comic page templates
Three A4 templates to print or open in a drawing app: six panels, nine panels, and a varied page with one big panel.
They were drawn for this article, as 150 dpi PNG files with 12 mm margins and 4 mm gutters. Download the 6-panel page, the 9-panel page or the varied page. Free to use, at home or in class. On US Letter paper, print with "fit to page".
One tip before drawing: sketch tiny thumbnails of the page first, stamp-sized, just boxes and stick figures. Three or four tries take five minutes and save you from finding out in panel 5 that the reveal has no room.
Laying out and generating the page in Imaginode
Imaginode's comic workflow gives each panel its own Image node, with the character sheet and art direction wired into every panel.
On the comic page workflow, the canvas is visible without an account: a character reference, a Style node for the inking, and four panels generated with Seedream 5 Pro at 5 credits each. Panel by panel, you can redo just the one that failed, then assemble the page in the grid you picked. A full page in one go, like our test, shows faster whether the layout works.
For a full page with lettering we used Nano Banana Pro, at 19 credits per image on its public page: our two English versions cost 38 credits, roughly 46 cents. The cost always shows on the button before you generate.
What a generated page costs
With Nano Banana Pro at 19 credits per image, a full page costs 19 credits, and each new version adds the same.
One credit is about $0.012, so a page redone three times to find the right layout stays under a dollar. Cheaper models exist in the catalog, and several letter balloons cleanly too, as our test of which AI writes text in images best found. We stuck with Nano Banana Pro here because it handles long instructions well, and a page described panel by panel is exactly that.
From comic page to storyboard
A well laid out page is already a shot list: every panel has framing, action and a reading time.
The wide panel becomes an establishing shot, the three small ones a quick cut sequence, the big panel a shot you let breathe. If you ever want to animate your comic, the layout work carries straight over. Our piece on storyboarding before you shoot walks through that step.
Your first page
Take the six-panel template, put your big moment in panel 5 or 6, and make it bigger: the quickest way to feel what layout does.
Try it twice, like we did: once on the regular grid, once with the big panel. Put the two pages side by side. The one that makes you stop in the right place wins.
How we analysed this
The six-panel script "Kerdu Lighthouse" was written for this article on November 8, 2026, then drawn the same day in two layouts with Nano Banana Pro, called through the Vercel AI Gateway, the provider Imaginode uses for this model, with a key from Frank's account. We did not go through Imaginode's interface: same model, same provider, different screen.
Four images in total (grid and varied layout, in English and French), one generation each, no retries, no cherry-picking. Every result is shown, flaws included. The price of 19 credits per image was read on the model's public page the same day.
The reading order figures come from Neil Cohn's study published in 2013 in Frontiers in Psychology. Panel counts are working conventions, presented as such. The blank templates were drawn for this article. Imaginode is made by Frank Houbre, who runs this blog.