📐

Panel Sizing & Pacing

The 9:16 Baseline

A solid baseline: 9:16-ish panels with 9:16-ish gaps between them. Word balloons can overlap the gap — saves space without losing readability.

  • Panels bigger than 9:16 → impact shots, establishing frames
  • Panels smaller than 9:16 → variety, rhythm, quicker beats
  • Gap smaller than 9:16 → tighter, faster pacing
example 12
① 9:16 opening frame
example 13
② 9:16 gap panel
example 14
③ Baseline + pacing notes
example 15
④ Bigger than 9:16
example 16
⑥ Smaller than 9:16
example 17
⑦ Tighter gap = faster pace

Super Tall Panel — Immersive Pan Effect

Super tall panels feel very immersive when scrolling — it reads like an animated camera pan down. Use to make the viewer feel like they're moving through the scene.

example 23

Tall + Tight Crop — Movement & Immersion

A super tall frame tightly cropped at the sides gives immersion and a sense of movement as the viewer scrolls. The tight crop adds tension and energy.

example 26

Immersive Tall Panel vs. Long Drop

These are not the same thing:

  • Long drop — a deliberate long scroll that lands on a hold frame at the bottom
  • Immersive tall panel — creates movement as the viewer scrolls, but no hold needed at the end
example 33

Rotating a Super-Wide Panel 90°

A super-wide panel can be rotated 90° — but only if the visual effect is worth the mental burden placed on the reader. Use sparingly.

example 22
🎬

Hold Frames & Pan Frames

Think in Camera Moves & Frame Holds

Frame your pages like a camera operator. The reader pans down through panels and holds at key moments.

Structure: pan → hold → pan → hold

The 'view area' (roughly 9:16) is how much the reader sees at any given moment. Annotate this when planning pages.

example 27

Hold Frame vs. Pan Frame — Defined

Hold frame: A full-screen (9:16) composition including word balloons. The reader pauses and sits here — this is your key moment.

Pan frames: Frames between holds. Don't need to be 9:16. They control pacing: closer together speeds up, further apart slows down.

example 28
① Hold frame — full 9:16 view
example 29
② Pan frames — pacing control

Hold Frame — Main Image + Dialogue Emphasis

Classic hold frame structure: main character image fills the frame, word balloons sit outside or below the panel edge. Keep the main image composition solidly 9:16.

example 30

Hold Frame — Always 9:16 Composition

Hold frames should always use a 9:16 composition — unless you're deliberately going for a 'long drop' transition. Don't break this without intention.

example 31

Extending Dialogue = Second Hold Frame

Placing dialogue outside of hold frame [A] creates a second hold frame [B].

This gives the sense of time flowing — one line of dialogue happening after the other, not simultaneously.

example 35
🖼️

Backgrounds & Space

Full Body Shot + Environment for Slow Beats

Full body shots that include the environment work well for slower, longer beats. They ground the scene and give the reader space to breathe.

example 24

Pure White Background — Focus on Character or Motion

A pure white BG with character only strips away all distraction. It directs the reader entirely to the physical motion or the emotional moment — clean and unambiguous.

example 32
example 39

Establishing Shot with Generous White Space

Use a wide establishing shot to signal a location change or time skip.

Generous white space around the shot reinforces time dilation — the pause feels longer, the transition more deliberate. The emptiness does the work.

example 34
📖

Storytelling Structure

Set Up → Develop → Visual Tease → Payoff

A 4-beat structure for webtoon reveals and scene introductions:

  • ① Set Up — establish the scene or character in context
  • ② Develop — build the detail or tension
  • ③ Visual Tease — hint at the payoff (partial reveal, sound effect, glimpse)
  • ④ Payoff — full reveal or punchline
example 18
① Set up
example 19
② Develop
example 20
③ Visual tease
example 21
④ Payoff

Pre-Title Intro Structure

Episodic webtoons often use a pre-title structure:

  1. Cold open / pre-title sequence — generate interest
  2. Series logo + credits drop
  3. Jump back into the story

The title drop lands harder because of the build-up. Readers also get a beat to breathe before the episode kicks off.

example 38
🔲

Framing & Composition

POV Framing + Reaction Shot

Visual novel-style POV framing — the reader's view placed directly within the POV character's perspective — is immersive and intimate. Works best when there's a single clear POV character.

Follow with a reaction shot to complete the emotional beat.

example 36
① POV framing
example 37
② Reaction shot

Character Isolation — Outside the Panel

Placing a character completely outside any panel (floating on bare white) is a powerful isolation technique.

Creates strong contrast between the character's inner state and the framed world beside them — they're excluded from it visually and emotionally.

example 40

Sequential Composition — Pan Down Effect

When a scene spans multiple consecutive panels that scroll into each other, each panel must have its own purposeful composition.

Both halves should work independently AND together as one flowing whole — like an animated camera pan down. Design composition 1 and composition 2 separately, then check them together.

example 41
① First composition
example 42
② Second composition
example 43
③ Full view — both together
✏️

Visual Techniques

Thin Curved Hatching = Zooming Movement

Thin, curved hatching lines radiating toward a subject create a zooming movement effect. The curve of the lines amplifies the sense of speed and intense focus pulling toward the subject.

example 25