Visual language · Read right to left, then down: the numbers walk you through it Sources 3 documents — as generalisation Confidence medium Cohn, verbatim: page order "plays a negligible role in the creation of meaning". Supports demoting right-to-left from a defining property to a binding convention, and supports the non-mirrorability claim that replaced it. Confidence medium: the source establishes that order is grammatically near-silent, not that it is recognitionally unimportant — the gestalt still treats it as diagnostic for recognition, and the two are compatible.
Manga
Japanese serial comics grammar: right-to-left panels sized for pacing, monochrome line art, and tone sheets standing in for colour.
The argument
The page is a time-control device.
Panel size, shape and sequence set the pace at which a reader moves, so composition is a matter of duration rather than of arrangement.
What it pays
- Layout portability across reading directions
- Colour
Assumes a reader fluent in the right-to-left panel grammar.
How you recognise it
A page divided into panels of deliberately unequal size and shape, read from the upper right leftward and then down, with tonal shading supplied by screentone, though seinen and gekiga use crosshatching freely alongside it, and motion rendered as directional speed lines.
The diagnostic property is the combination of irregular panel proportion with right-to-left order: irregular panels alone occur throughout Western comics, and screentone alone is now a widely borrowed texture. Reading direction derives from tategaki, the traditional vertical Japanese writing order.
One language, several dialects
Shōjo favours rounded shapes, soft line and oversized eye schemas; shōnen favours angular line and motion devices; seinen and gekiga suppress the exaggerated marks. The record keeps them one language: the schemas recur across all of them, and only their proportions differ. Sources 3 documents — as generalisation Confidence high Dialect differences are differences of proportion in a shared schema inventory. This is the evidence for keeping one record rather than four, and it is recorded on the gestalt because that is where the boundary notes live.
Size is duration
Panels of deliberately unequal size and shape — size controls pacing. One beat, three durations: the widest panel holds the eye longest. Sources 4 documents
The gutters on this page are unequal on purpose. The vertical gap between rows is larger than the horizontal gap inside a row — the asymmetry that makes the eye finish a row before dropping to the next. Sources No evidence recorded yet
DocumentedA relatively large square panel makes the reader's eye halt, and contrasts in panel size and shape create compression and release. Hierarchy works at the panel, page and two-page-spread levels.
DocumentedPages are commonly built in two to three tiers, with at most about six or seven panels before a page becomes cluttered.
The graphic vocabulary
A conventionalized vocabulary of drawn marks carries emotion, motion and emphasis — 73 schemas categorised across a twenty-book corpus, recurring across the dialects. Manpu stand alone and stay readable; effects need the surrounding drawing to mean anything. Sources 3 documents — as generalisation Confidence high 73 conventionalized graphic schemas categorised across a twenty-book corpus, most recurring in both shonen and shojo. A documentary source carrying a corpus study, which is what licenses a generalization here — no single artefact could.The internal structure: keiyu are shape metaphors, manpu the subset readable standalone, effects the remainder that need surrounding illustration. Practitioner theory, translated. Sources 2 documents — as generalisation Confidence medium Supports raising the slot from unknown. Confidence medium: the class is established, its boundaries are not.
Manpu — standalone. A sweat drop, a vein mark, a nose bubble: each readable on its own.
Effects — context-dependent. Focus lines around a subject make the subject urgent. The subject here is a bare placeholder, which is the point.
What the research changed
This is the page’s one colour section, and that is not decoration: interior pages are monochrome by production default, and colour marks editorial priority. Nothing on this page had more editorial priority than the five places the evidence corrected the record. Sources 2 documents — as occurrence Confidence medium Occurrence, and it stays occurrence. One 1906 issue held at the Billy Ireland shows colour in Japanese comic publishing at its commercial origin. It does not generalise to postwar story manga, which it predates by four decades and which is what the rest of this record describes. Ingested to stop "monochrome" reading as constitutive; nothing more is claimed from it.
Does manga forbid colour?
No. Interior pages default to one black ink with tone standing in for colour — but that is production economics, not a compositional refusal, and colour pages run in the same serials to mark editorial priority. Sources 2 documents — as occurrence Confidence medium Occurrence, and it stays occurrence. One 1906 issue held at the Billy Ireland shows colour in Japanese comic publishing at its commercial origin. It does not generalise to postwar story manga, which it predates by four decades and which is what the rest of this record describes. Ingested to stop "monochrome" reading as constitutive; nothing more is claimed from it.
Is the right-to-left reading order a Japanese-script rule?
No — and the record used to say it was. Panel order follows the binding: unflipped English editions keep the right-to-left order with Latin text in the balloons. What is Japanese is the vertical balloon setting, recorded separately. Sources 3 documents — as generalisation Confidence medium Cohn, verbatim: page order "plays a negligible role in the creation of meaning". Supports demoting right-to-left from a defining property to a binding convention, and supports the non-mirrorability claim that replaced it. Confidence medium: the source establishes that order is grammatically near-silent, not that it is recognitionally unimportant — the gestalt still treats it as diagnostic for recognition, and the two are compatible.
Is there a standard gutter measurement?
No number survived verification. What does the work is the asymmetry: the gap between rows is larger than the gap inside a row, which is what makes the eye finish a row before dropping. Sources No evidence recorded yet
Is the 1:1.42 page ratio part of the language?
No. It is the JIS B-series paper ratio — equally true of the blank sheet the page is drawn on — so it reflects a paper standard, not a decision anyone made. Sources 4 documents
Does screentone forbid gradients?
No. Gradation tone is a standard commercial product. The supportable distinction is screened versus unscreened — a halftone structure with cut edges against a continuous ramp. Sources 2 documents
Build: the rules, 24
By area, each labelled with what kind of claim it is.
- Necessary · our rankingLayout. Panel order is fixed by the binding direction and cannot be mirrored without inverting every sequence built on it. In right-bound Japanese publishing that order runs right to left and top to bottom, and panel, balloon and page turn all follow it.Checked — not tied to a writing system.
- Necessary · our rankingLayout. Panels of deliberately unequal size and shape. Size controls pacing.
- No source attachedLayout. Gutters are asymmetric: the gap between rows is larger than the gap between panels inside a row, which is what makes the eye complete a row before dropping to the next. No grade recorded
- Necessary · our rankingTypography. Balloon text is set vertically and read right to left (tategaki).Japanese only.
- Necessary · our rankingTypography. Sound effects are drawn as part of the artwork rather than typeset — lettering shaped, scaled and placed as a picture element (kakimoji).Checked — not tied to a writing system.
- Documented · Source not yet verified · disputedColor. Interior pages are printed in a single black ink on off-white stock, with tone standing in for colour.
- Necessary · our rankingImagery. Tone is a screened field with cut edges — a halftone structure specified by frequency and density — rather than an unscreened continuous ramp. Gradation tone, in which dot size varies across the sheet, belongs to the screened family.
- Necessary · our rankingImagery. Black line art of varying weight underneath everything. Tone and speed lines presuppose it. No grade recorded
- Web translationImagery. Do not specify a screentone lpi value for screen output. No grade recorded
- Necessary · our rankingMotion. In the print serial there is no enacted motion. Motion is depicted — by speed lines, focus lines and panel sequence — never animated. No grade recorded
- Necessary · our rankingMotif. A conventionalized graphic vocabulary carries emotion, motion and emphasis: standalone icons readable without context (manpu — sweat drops, vein marks, nose bubbles) and context-dependent effects that need the surrounding drawing to mean anything (speed lines, focus lines). Together these are keiyu, shape metaphors.Checked — not tied to a writing system.
- Documented · Source attachedTechnique. The analogue method is pencil then pen-and-ink on manuscript paper, with screentone applied: pens, ink and manuscript paper are the base materials.
- Documented · Source attachedTechnique. In the conventional process, screentone patterns are transferred to the drawing from preprinted sheets.
- Documented · Source attachedTechnique. Screentone came into use in manga backgrounds from the 1950s.
- Documented · Source attachedTechnique. Professional manuscript paper is B4 (257 × 364 mm) with non-reproducing light-blue guides.
- Seen in the workTechnique. Major publishers' manga awards accept digital submissions (pdf, jpg/png, Clip Studio).
- Documented · Source attachedHierarchy. Differences in panel size, panel shape and panel changes create contrast, compression and release, which Natsume treats as where manga becomes interesting.
- Documented · Source attachedHierarchy. A relatively large square panel makes the reader's eye halt, and contrasts in panel size and shape create compression and release.
- Documented · Source attachedHierarchy. Hierarchy works at the panel, page and two-page-spread levels.
- Documented · Source attachedDensity. Pages are commonly built in two to three tiers, with at most about six or seven panels before a page becomes cluttered.
- Documented · Source attachedDensity. Compression and release are calculated per page and per two-page spread, and readers today are expected to read highly dense works easily.
- Documented · Source attachedDensity. Conventional graphic signs appear at about 1.5 per panel where present, similar in shōnen and shōjo.
- Documented · Source attachedDensity. The serial carrier is dense itself: anthology magazines of hundreds of pages printed on cheap newsprint.
- Documented · Source not yet verifiedPage. Production formats, stated as publishing facts rather than compositional choices: pages are drawn oversize on B4 manuscript stock (257 x 364 mm) and reduced for print. Magazine serialisation is B5; the collected tankoubon is B6, 128 x 182 mm.
Ruled out, or left open by the sources
- Supporting · Not specified by the sourceSurface. Paper stock varies by format - cheap newsprint in magazines, better stock in tankoubon - and neither is characteristic. The posture is asserted relative to print and does not carry to screen.
- Not specified by the sourceInterface. The sources do not specify this area; a translation may follow.
- Outside this languageMotion. A static medium. Motion is depicted via speed lines, not enacted. Binding a motion module would confuse depiction with animation.
- Outside this languageForm. No three-dimensional organisation. The page format, B6 trim and two-page spread are constraints.
Tone, the lawful way
Screened against unscreened. Both fields are CSS pattern fills that scale with the page, never a raster at a fixed frequency.
Screened (left): a halftone structure with cut edges. Unscreened (right): a continuous ramp, the thing tone is not.
DocumentedIn the conventional process, screentone patterns are transferred to the drawing from preprinted sheets. Screentone came into use in manga backgrounds from the 1950s.
Moving it to screen
Survives
- Panel size as the pacing instrument
- Monochrome with tone standing in for colour
- Tone as discrete patterned areas with cut edges
- Black line art underneath
Does not survive
- B6 trim and its 1:1.42 proportion
- The two-page spread and the reveal on page turn
- Screentone specified in lines per inch
- 600 dpi linework
- Paper stock
Build with it
A starting grammar for a website in Manga: panels that set the pace, ink and tone instead of colour, lettering instead of type, and motion that is drawn rather than animated.
Web translation marks our choices for the screen. Not specified by the source marks what the sources leave open. Everything else is a rule from the record below.
The same system is in the brief (Build → Brief) and in the structured data.
Colour
- paper
#F4F1EA - ink
#111111 - tone
#111111 at 18% coverage
Tone does the work of colour.
The rules behind it
- Documented · Source not yet verified · disputedUse black ink on off-white paper; tone does the work of colour. From a documented finding (colour)
- Web translationColour is allowed, used rarely and on purpose, the way colour pages mark priority. Our reading of the record's position on colour, applied to a web page; the position is not itself a rule. From color area
- Not specified by the sourceThe sources specify no colour palette. If a page needs colour, use it for one priority moment and do not claim a manga palette.
Lettering
右から左へ読む
Balloon text vertical; sound effects drawn.
The rules behind it
- Necessary · our rankingSet Japanese balloon text vertically, reading right to left (writing-mode: vertical-rl). From a documented finding (typography)
- Necessary · our rankingDraw sound effects as artwork (SVG shapes placed in the picture), never as live text in a font. From a documented finding (typography)
- Not specified by the sourceThe sources do not specify a setting for Latin-script text. Set Latin text horizontally. Do not rotate English to imitate tategaki.
- Not specified by the sourceThe sources do not specify a balloon typeface. The system Mincho stack here is a placeholder; any face is a decision to state, not a manga rule.
Panels
- 1
- 2
- 3
- 4
- 5
Right to left, top to bottom. Rows sit further apart than panels.
The rules behind it
- Necessary · our rankingVary panel size on purpose: a wide panel slows the reader, a narrow one speeds them up. From a documented finding (layout)
- No source attachedSet row-gap larger than column-gap (1.25rem against 0.5rem here) so the eye finishes a row first. From a documented finding (layout)
- Necessary · our rankingOrder panels right to left, top to bottom; never mirror an existing sequence. From a documented finding (layout)
- Web translationBuild pages with CSS Grid and explicit panel areas, not an equal column grid. Panel size is the pacing instrument, and it survives the move to screen. From a documented finding (layout), moving it to screen
- Not specified by the sourcePrint trim (B5, B6) is not a screen format. Do not force a 1:1.42 page on screen; the record lists the trim as not surviving the transfer. From moving it to screen
Line
Line art of varying weight under everything.
The rules behind it
- Necessary · our rankingDraw every boundary as black line art of varying weight (1px to 3px here), never as a tinted box. From a documented finding (imagery)
- Not specified by the sourceThe sources do not specify corner radius or panel shape. Square panels are a starting point; draw slanted or broken panels where the pacing needs them.
Tone and imagery
Screened fields with cut edges; speed lines drawn, not animated.
The rules behind it
- Necessary · our rankingShade with screened fields (dot or line patterns with cut edges), never a smooth gradient. From a documented finding (imagery)
- Web translationDo not fix a screen frequency for tone; define it as a pattern that scales. Moving the screentone rule to screen, as the record's own note on moving it to screen directs. From a web translation (imagery), moving it to screen
- Web translationSpeed lines and screentone are the image techniques this language is built on. Both are Elements this Aesthetic is linked to in our catalogue; the link is not itself a rule. From a module it uses
- Necessary · our rankingFill toned areas with a screened pattern that stops at a cut edge. From a documented finding (imagery)
- Web translationSize the pattern in CSS so it scales with zoom (6px and 5px cells here). Tone as CSS or SVG pattern fills that scale, never a raster at a fixed frequency. From moving it to screen, a web translation (imagery)
Components
The sources do not specify interface conventions for Manga. These four are contemporary translations of its visual rules.
The rules behind it
- Web translationDraw the button as a panel: an ink line on paper. Line art is the substrate everything sits on. From a documented finding (imagery)
- Web translationShow hover and press with tone, not colour or movement. Tone stands in for colour, and motion is depicted rather than enacted. From a documented finding (imagery), a documented finding (colour), a documented finding (motion)
- Web translationGive cards deliberately unequal sizes; the size says how long to stay. The record rules print panels of deliberately unequal size, with size controlling pacing; cards carry that into a grid. From a documented finding (layout)
- Web translationLeave more space between rows of cards than between cards in a row. The record rules print gutters wider between rows than between panels in a row; cards carry that into a grid. From a documented finding (layout)
- Web translationRule the field with an ink line, like a caption box. Line art underneath everything. From a documented finding (imagery)
- Not specified by the sourceThe sources do not specify a speech-balloon input. Balloons in the record hold dialogue; do not shape form fields as balloons and call it manga.
- Web translationPut "next" on the left: page turns follow the right-to-left binding. The record fixes panel, balloon and page-turn order to the right-to-left binding in print; a paged reader keeps that order on screen. From a documented finding (layout), moving it to screen
- Not specified by the sourceThe sources do not specify right-to-left order on a continuously scrolling page. Use it inside a paged reader. For a scrolling layout the record withdrew its claim; decide and say so. From moving it to screen
Motion
The record rules print, where motion is depicted and never enacted. Motion on screen is outside the language; choosing none here is a web translation.
The rules behind it
- Web translationDo not animate. Show motion with speed lines, focus lines and panel sequence. The record rules that the print serial depicts motion and never enacts it; screen motion is outside the language, so this grammar chooses none. From a documented finding (motion), motion area
- Web translationInterface state changes are instant swaps of line weight or tone. Motion is depicted, never enacted; a transition would enact it. From a documented finding (motion), motion area
Graphic vocabulary
- sweat drop
- vein mark
- speed lines
A closed set with fixed meanings.
The rules behind it
- Necessary · our rankingUse the conventional marks (speed lines, focus lines, sweat drops, vein marks) with their fixed meanings; do not invent new ones. From a documented finding (motif)
- Necessary · our rankingRun panels, balloons and page turns right to left, top to bottom. From a documented finding (layout)
- Not specified by the sourceThe sources do not specify order in a continuously scrolling layout. The record withdrew its claim for scroll. State the order you chose. From moving it to screen
The record
- Research
- Partly sourced
- Build guidance
- 28 rules recorded
- Origin
- From a tradition
- Also called
- anime, shonen, screentone, comic panel
- Native medium
- Print serial
- Feel
- dramatic, playful
- Coverage
- 28 documents stand behind 28 of this record’s 49 claims.
- Not researched yet
- Typeface guidance. Unresearched is not permission.
- Scope
- The page grammar of Japanese commercial story manga published as print serials (magazine anthologies, then collected tankōbon): Japanese Visual Language as it appears in manga, with dialects developing since Tezuka, panel techniques pioneered in the 1960s and screentone used from the 1950s. Pre-war cartoon magazines such as Tokyo Puck (colour-illustrated, read in columns) are precursors rather than instances. 'Post-war', 'monochrome' and the exclusion of vertical-scroll colour formats are Aesthetary's boundary.
28 sources attached. Build guidance says what usable material is recorded, never how well it is evidenced.
Neither is a free hand: an area research has not reached is not permission to decide on the language’s behalf.
What carries the look
3 Elements linked. Each row opens its gallery.
- TypographyThis page is set in Archivo. Typographic research on the record.
- Color#F6F3EC#D8D4CA#C22D41#4A4640#111111#B9B4A8#8D8A84#FFFFFFAs built on this page.
- CompositionCarries the look
- ImageryCarries the look
- SurfacesNothing linked yet.
- MotionNothing linked yet.
- Motifs & SymbolsNothing linked yet.
- TechniquesNothing linked yet.
Often confused with
- Arcade Aesthetic No difference from this neighbour is recorded.
- Pop Art Aesthetic No difference from this neighbour is recorded.
Use it
- Mix see where its rules collide with another Aesthetic’s
- Mix side by side with Swiss Style and Modern SaaS
- The brief every rule above, with a checklist for grading the result
- Structured data the record as JSON, as an agent receives it
- Suggest a correction or request deeper research
Contribute
Contributing and commenting need JavaScript. Nothing else on this page does.
Work made in this style: a poster, a page, a type setting. Every submission is reviewed before it appears.
Nothing here yet.
Comments
No comments yet.