Style combination · Pairs well
Emoji Pictographic Language × Story Manga
Kurita took manga's symbols for feeling (manpu), such as the sweat drop for nerves; lift more of manga's visual shorthand, speed lines, anger marks, sparkles, into a set's faces.
Mix them and make something Emoji Pictographic Language Story Manga
01
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.
Emoji Pictographic Language Story Manga (Postwar Japanese Comics)
- Type from Story Manga
- Colour from Emoji Pictographic Language
- Form from Emoji Pictographic Language
- Composition from Story Manga
- Surface from Story Manga
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Display · Story Manga
Hello
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 · Emoji Pictographic Language
Pictographs typed as characters and set inline in running text. Born on Japanese mobile phones (J-Phone's 90 monochrome signs of 1997, the 176 single-colour signs that Shigetaka Kurita led for NTT DoCoMo's i-mode in 1999, on 12 x 12 pixel grids) and encoded in Unicode in 2009-2010, each emoji is one face, hand, object, food or flag centred on a square em with no ground. Unicode fixes the code point and name; each vendor draws its own full-colour version, flat, glossy or rendered in 3D, so one sign circulates in many visual dialects.
Shippori Mincho; Emoji Pictographic Language used The 12 x 12 dot external-character (gaiji) glyphs in which Japanese carriers first delivered emoji, typed into mobile mail and i-mode pages beside kana and kanji and Apple Color Emoji (2008)
03
The colours
The ground and leading colours come from Emoji Pictographic Language, with a counter-accent from Story Manga. The ink reads on the ground at 4.5:1 or more.
Emoji Pictographic Language Story Manga (Postwar Japanese Comics)
-
#ffcc4dground · 36% -
#664500ink · 14% -
#f4a223accent · 18% -
#d32f2faccent · 14% -
#8c8c8caccent · 10% -
#5dadecaccent · 8%
As CSS
:root {
--ground: #ffcc4d;
--ink: #664500;
--accent-1: #f4a223;
--accent-2: #d32f2f;
--accent-3: #8c8c8c;
--accent-4: #5dadec;
--font-display: "Mochiy Pop One", sans-serif;
--font-text: "Shippori Mincho", serif;
}Use it with care
Emoji Pictographic Language: Reuse emoji artwork only from the open sets and on their terms (Twemoji graphics CC BY 4.0 with attribution, OpenMoji CC BY-SA 4.0, Noto fonts SIL OFL 1.1, Fluent Emoji MIT); the platform sets are their vendors' own artwork, so do not lift their drawings into a logo or print. Remember too that a code point reaches each reader in that reader's vendor drawing, which may differ in detail, colour or even meaning from the one you chose.
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.
04
The two styles
05
More combinations
With Emoji Pictographic Language
- Bitmap & Pixel Graphics Pairs well · Kurita's i-mode set was drawn on a 12 x 12 pixel grid; redraw a set on a coarse grid in a few flat colours for an early-keitai look, or set pixel emoji beside a bitmap font.
- Isotype Pictorial Statistics Contrasts · Isotype repeats identical pictograms in rows to count quantities; an emoji stands in for a word or a tone of voice inside a sentence. Use Isotype when the signs must count, emoji when they must talk.
- Kawaii Design Pairs well · The atlas counts emoji among the channels through which kawaii went global (Kurita's set is a kawaii exemplar), and Pen magazine writes that kawaii culture 'gave birth to emojis'; the two share round faces and hearts. But emoji also cover neutral objects, hands, flags and symbols in saturated full colour, and live inside running text. Borrow kawaii's pastel tints and blushing cheeks to soften an emoji set for a children's product.
- Flat Design Pairs well · Twemoji and Fluent Flat use flat fills with no gradients or outlines, like flat UI icons; choose a flat set when emoji must sit inside a flat interface, a glossy or 3D set when they must stand out from it.
- Claymorphism & Soft 3D Contrasts · Microsoft's 3D Fluent set comes close to claymorphism's soft rendered forms, and the atlas's claymorphism entry counts the 3D Fluent set among its sources; but claymorphism builds whole interface scenes from inflated pastel shapes, while an emoji stays one sign at text size on a transparent ground. Pair a 3D emoji with clay cards only when it plays the role of an icon, not of a scene.
- VTuber Avatar and Stream Graphics Pairs well · Reduce the character and its motifs to small square pictographs for channel emotes and membership badges, so the community can type the persona into chat.
- Japanese Dense Web Design Pairs well · Emoji came out of Japan's phone web (J-Phone in 1997, i-mode in 1999), which commentators also credit with keeping these pages text-heavy; small pictographs set inline with text links add colour and signal to a dense list without taking space.
- Chat Reaction-Sticker Cartooning (LINE) Contrasts · Emoji are standardised, encoded pictographs; the shared trait is a pictorial reply, but these are authored, larger character performances.
With Story Manga
- Korean Webtoon Graphics Contrasts · The Korean webtoon turned manhwa, Korean comics shaped in part by Japanese manga, into a single full-colour scroll column with long empty gutters, first on PC portals and then on phones; return to story manga for a printed spread of black-and-white panels read right to left, with screentone and panels that bleed and break.
- American Four-Colour Comic Book (Golden to Bronze Age) Contrasts · Both are mass-market pen-and-ink comics with balloons and sound effects; the American comic book reads left to right in four-colour dot tints with hand-lettered capitals in a steadier grid, while story manga stays black and white, reads right to left, greys with screentone and sets its dialogue vertically.
- Lianhuanhua Picture-Story Books Contrasts · Both are cheap, widely rented East Asian picture-story books; lianhuanhua gives each palm-sized page one framed drawing with a caption beneath and no balloons, while story manga packs a page with panels of changing size, balloons, speed lines and drawn sound effects.
- Superflat Contrasts · Murakami's Superflat lifts anime and manga figures out of the story onto one flat, glossy, polychrome plane for the gallery; story manga keeps the sequence, the depth of its backgrounds and its single black ink.
- Taishō Roman & Lyrical Illustration Pairs well · Jojōga's large, highlighted, long-lashed eyes passed from Nakahara Jun'ichi to Takahashi Macoto, who added stars and dots to the iris, and so into shōjo manga; add Taishō lyrical faces, kimono patterns and soft lines to a manga page for a period romance.
- Ligne Claire (Franco-Belgian Clear Line) Contrasts · Ligne claire closes every form with one even contour and flat colour, with no hatching or tone; story manga varies its line weight and builds grey and mood from screentone, solid blacks, speed lines and focus lines.
- Kawaii Design Pairs well · Kawaii takes manga's round faces and symbols but not its page; borrow its pastel mascots and rounded type for a comedy chapter, a character goods tie-in or a super-deformed aside, and keep the panels and screentone.
- Shōjo Manga (Japanese Girls' Comics) Pairs well · Girls' manga grew out of story manga from Tezuka's Princess Knight on and took its flowers, screentone moods and floating monologues furthest; borrow those when a story-manga page needs interior feeling rather than action.