Manga

Screentone / Speed Lines / Dramatic Panels / High Contrast

01

Color Palette

Ink Black #111111
Panel Black #222222
Tone Dark #444444
Tone Mid #888888
Tone Light #cccccc
Paper White #f5f2ed
Paper Cream #faf7f2
Action Red #d5232f
Impact Yellow #ffd639
Shojo Pink #ff6b9d
Spirit Blue #3a7bdf

Screentone Patterns

Dots Small
Dots Medium
Dots Large
Hatching
Crosshatch
Ink Gradient
02

Typography

Display / SFX — Bangers
TOTAL IMPACT
Heading 1 — Noto Serif JP 900
The Art of Sequential Storytelling
Heading 2 — Noto Serif JP 600
Panel composition drives the narrative
Heading 3 — Zen Kaku Gothic New 700
Character Development Through Visual Language
Body — Zen Kaku Gothic New 400

Manga uses a dense visual vocabulary where every line carries meaning. Thick ink strokes define character outlines, while delicate screentone patterns create depth and atmosphere. The interplay of solid blacks, open whites, and halftone grays gives manga its distinctive printed texture.

Caption — Zen Kaku Gothic New 500

Screentone reference sheet — 61 lines per inch — 20% density

BOOM!! WHOOSH CRACK DOKI zawa... zawa...
03

Spacing

XS
4px
SM
8px
MD
16px
LG
32px
XL
64px

Panel gutters use 6px — matching traditional manga print margins

04

Buttons

Sizes

05

Forms

06

Panels

Standard Panel

Clean white panel with bold ink borders. The foundation of manga page composition. Every panel is a camera angle, a moment frozen in ink.

Ch. 01
Screentone Panel

Dot pattern background creates depth and mood. Traditional screentone was applied with adhesive film, cut precisely with a craft knife.

Tone #61
Dark Panel

Inverted for dramatic reveals, nighttime scenes, and moments of intense emotion. White on black reverses the visual hierarchy.

Climax
Action Panel

Red accent border signals intensity. Used for pivotal action moments, power-ups, or emotional breaking points in the story.

Impact
Speed Panel

Horizontal speed lines create motion blur, pulling the reader's eye across the panel. Motion is drawn, not implied.

Motion
Atmospheric Panel

Screentone layering builds environmental texture. Rain, fog, dust, light beams -- all constructed from carefully chosen dot densities.

Atmos
The Final Chapter

A dramatic full-width panel for splash pages, chapter title cards, and scenes that demand the reader stop and absorb the weight of the moment.

07

Alerts

! New chapter release every Monday. Check the table of contents for the latest.
Your manuscript has been accepted by the editor. Serialization begins next issue.
!! Deadline approaching. Final inks and tones must be submitted by midnight.
!!! Critical error in panel layout. Gutter spacing violated -- pages will not print correctly.
08

Page Layouts

HERO PANEL Large focal point — 2 rows tall
REACTION Close-up detail
ACTION Speed lines motion
WIDE ESTABLISHING SHOT Full-width dramatic reveal
IMPACT Radial burst emphasis
MOOD Atmospheric tone
DIALOG Character beat
CHASE Horizontal motion
09

Impact Frames & Bubbles

SMASH!!
DARKNESS
DASH
KIRAKIRA

Speech Bubbles

I finally found my true power... It was inside me all along!
Could this be the legendary technique...?
NEVER GIVE UP!!
10

Navigation

11

Design Principles

High Contrast

Manga thrives on the tension between solid blacks and open whites. Every stroke has purpose. Remove what is unnecessary and what remains becomes powerful.

Directed Flow

Panel composition guides the eye through the page. Speed lines, screentone gradients, and gutter spacing control reading rhythm and pacing.

Emotional Scale

Panel size equals emotional weight. A full-page splash demands awe. A tiny close-up panel creates intimacy. The grid itself is the storytelling tool.

Screentone Depth

Dot density replaces color. Light tones for skin and sky, dense tones for shadow and weight. The analog texture of printed dots carries warmth digital flat fills cannot match.