Story Manga × Visual Novel Graphics

Take its character design and expression vocabulary, then replace panels and page turns with screen states.

From the research on Visual Novel Graphics (Sprites, Backgrounds and Textbox UI)

Mix them and make something Story Manga Visual Novel Graphics

A sample layout drawn from the recipe: shapes from Visual Novel Graphics, their arrangement from Visual Novel Graphics, the finish from Story Manga. Not a real work, and not an image of either style.

What each style brings

Each part of the design comes from the style with the stronger say in it, and each style gives at least two.

Story Manga (Postwar Japanese Comics) Visual Novel Graphics (Sprites, Backgrounds and Textbox UI)

Type from Story Manga: Rotated & vertical setting
Hand-lettering

Visual Novel Graphics avoids rotated & vertical setting: this is where the two pull against each other.
Colour from Story Manga: Monochrome
Light ground

Visual Novel Graphics avoids monochrome: this is where the two pull against each other.
Form from Visual Novel Graphics: Stylised figuration
Borders & frames
Composition from Visual Novel Graphics: Sequential narrative
Framed panels
Surface from Story Manga: Halftone & Ben-Day dots

Visual Novel Graphics avoids halftone & ben-day dots: this is where the two pull against each other.

The type

Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.

Display · Story Manga

Wow

Mochiy Pop One, standing in for Anchi-goshi balloon setting (gothic kanji with bold antique kana, アンチゴチ: the antique kana is a bold face of the 1890s from the kagomoji of Edo temple plaques, not a Mincho; the default for children’s manga by about 1960 and across commercial manga with desktop publishing)

Text · Visual Novel Graphics

A fixed screen language for interactive reading: anime-derived character sprites stand over painted backgrounds, a semi-transparent textbox runs along the bottom (ADV) or fills the screen (NVL), and full-screen event illustrations replace the scene at dramatic moments. Menus and save screens carry the game's identity. Pacing is set by click, not by scrolling or page turns.

Shippori Mincho; Visual Novel Graphics used Japanese gothic (sans) system fonts for the textbox and Mincho (serif) faces for NVL prose and titles

The colours

The ground and leading colours come from Story Manga, with a counter-accent from Visual Novel Graphics. The ink reads on the ground at 4.5:1 or more.

Story Manga (Postwar Japanese Comics) Visual Novel Graphics (Sprites, Backgrounds and Textbox UI)

#f6f3ea ground · 36%
#141414 ink · 14%
#d32f2f accent · 18%
#e8c872 accent · 14%
#cfcfcf accent · 10%
#8fc1e3 accent · 8%

As CSS

:root {
  --ground: #f6f3ea;
  --ink: #141414;
  --accent-1: #d32f2f;
  --accent-2: #e8c872;
  --accent-3: #cfcfcf;
  --accent-4: #8fc1e3;
  --font-display: "Mochiy Pop One", sans-serif;
  --font-text: "Shippori Mincho", serif;
}

Use it with care

Story Manga (Postwar Japanese Comics): Manga characters and series, from Astro Boy to Dragon Ball and One Piece, are in copyright and belong to their creators and publishers, and manga is the living work of professional artists and assistants: draw original characters in the shared idiom, never ask an image model for a named series, character or artist's hand, and label generated pages as AI-made rather than presenting them as a manga artist's work. Some of Tezuka's own books drew foreigners, including Black Africans and Asians, in exaggerated caricature; after protests from September 1990 by the Osaka-based Association to Stop Racism Against Blacks, Tezuka Productions put a disclaimer slip into his books. Give every character the same drawing care, and never use skin, lips or dress as ethnic shorthand.

Visual Novel Graphics (Sprites, Backgrounds and Textbox UI): The commercial novel-game market of the 1990s was built largely on adult (eroge) titles, among them Shizuku and the Leaf, Key and Tactics wave, and many sprite and event-CG conventions grew up there, including sexualised depictions of young-looking characters. Borrow the layout, textbox and layering system rather than that figure vocabulary; keep characters clearly adult and depictions non-sexualised unless the context is explicitly adult.