Style combination · Pairs well
Danmaku Bullet-Comment Overlay × VTuber Avatar and Stream Graphics
On Bilibili and Niconico, viewers' bullet comments fly across the stream over the avatar. Leave the top lanes clear of the character's face and title, so the crowd's comments and the avatar share the screen without hiding it.
Mix them and make something Danmaku Bullet-Comment Overlay VTuber Avatar and Stream Graphics
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.
Danmaku Bullet-Comment Overlay VTuber Avatar and Stream Graphics
- Type from VTuber Avatar and Stream Graphics
- Colour from Danmaku Bullet-Comment Overlay
-
VTuber Avatar and Stream Graphics avoids monochrome: this is where the two pull against each other.
- Form from VTuber Avatar and Stream Graphics
- Composition from Danmaku Bullet-Comment Overlay
- Surface from Danmaku Bullet-Comment Overlay
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Display · VTuber Avatar and Stream Graphics
Yay!
Mochiy Pop One; VTuber Avatar and Stream Graphics used Heavy, simple bold lettering for thumbnails and A custom name logo drawn for each character
Text · Danmaku Bullet-Comment Overlay
The bullet-comment layer of Japanese and Chinese video sites, begun on Niconico in December 2006 and taken up by AcFun and Bilibili in 2008–2009. Viewers' one-line comments fly across the playing video from right to left, or sit centred at the top or bottom, each timed to the moment it answers. By default every line is the same white, black-outlined sans at one size; commands add saturated RGB colours and sizes, and viewers set opacity and speed. At climaxes identical lines pile into a 'bullet curtain' over the picture: anonymous crowd writing laid over someone else's image.
Zen Kaku Gothic New; Danmaku Bullet-Comment Overlay used Arial for Latin letters and digits, then MS PGothic (MS Pゴシック) for Japanese, at weight 600 and The 'gothic' and 'mincho' font commands of Niconico's later player
03
The colours
The ground and leading colours come from Danmaku Bullet-Comment Overlay, with a counter-accent from VTuber Avatar and Stream Graphics. The ink reads on the ground at 4.5:1 or more.
Danmaku Bullet-Comment Overlay VTuber Avatar and Stream Graphics
-
#ffffffground · 36% -
#000000ink · 14% -
#ff0000accent · 18% -
#ffd84daccent · 14% -
#00ffffaccent · 10% -
#5bc8f5accent · 8%
As CSS
:root {
--ground: #ffffff;
--ink: #000000;
--accent-1: #ff0000;
--accent-2: #ffd84d;
--accent-3: #00ffff;
--accent-4: #5bc8f5;
--font-display: "Mochiy Pop One", sans-serif;
--font-text: "Zen Kaku Gothic New", sans-serif;
}
Use it with care
Danmaku Bullet-Comment Overlay: Danmaku is moving text that starts on its own, runs longer than five seconds and sits on top of other content, so any design that uses it needs a way to pause, hide or thin it (WCAG 2.2.2, which is why platforms build an off switch) and must keep it clear of faces and captions. Real comments are other people's words over footage someone else owns: write your own lines rather than lifting screenshots, and do not fake an audience's enthusiasm in advertising. A live comment layer can also be used to pile abuse on people, and in mainland China the China Netcasting Services Association's rules for short-video platforms of 9 January 2019 require danmaku to be reviewed before it is shown, so moderate any live use.
VTuber Avatar and Stream Graphics: VTuber characters are owned designs, by agencies or by the performers who commissioned them, and early contracts often gave the character's rights to the company, so performers who left had to start again as someone new: draw an original persona rather than a look-alike of Kizuna AI, Hololive or Nijisanji characters, and credit the illustrator ('mama') and the rigger ('papa'). The performer's anonymity is part of the form, so never attach a real person's face, name or photograph to an avatar or speculate about who is 'inside'. Do not default to a sexualised cute-girl type: scholars argue that avatar idols perpetuate female stereotypes and that the virtual idol industry commercialises sexism (Lu et al., CHI 2021).
04
The two styles
05
More combinations
With Danmaku Bullet-Comment Overlay
- Kinetic Typography & Variable Type Contrasts · Kinetic type is one designer's choreographed letters; danmaku is hundreds of identical-default lines from strangers. Decide whether motion type should feel authored or crowd-made before borrowing either.
- International Typographic Style Contrasts · Swiss hierarchy gives one message priority; danmaku gives every voice the same size and lets the crowd bury the image. Pin one strict Swiss title in the top lane to stage order against the swarm.
- Internet Ugly & Meme Vernacular Pairs well · Both are crowd vernaculars made to be copied; run numeric memes and outlined white lines over a found clip, but keep danmaku's lanes and timing instead of the image macro's top-and-bottom caption.
- Emoji Pictographic Language Pairs well · Kaomoji and emoji already ride inside danmaku lines; use them as small pictographs in the stream rather than as large isolated icons.
- Demoscene Graphics (Cracktros, Demos & Text-Mode Art) Pairs well · Niconico comment art and text-mode art both draw pictures with characters; borrow text-mode techniques for a title card made of comments.
- Japanese Dense Web Design Pairs well · Niconico's comment layer brings the same everything-at-once density to video; pair them for a crowded, participatory Japanese web voice.
- Korean Variety-Show Captions (Yeneung Jamak) Contrasts · Choose editorial hierarchy, changing faces and illustrated containers for a producer's comic voice; choose equal-weight, separately rendered lanes and repetition for a viewer chorus. Outlined text over video alone does not make the two interchangeable.
With VTuber Avatar and Stream Graphics
- Emoji Pictographic Language 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.
- Lo-fi Anime Aesthetic Contrasts · Both put an anime figure on a 24/7 YouTube screen, but lofi's figure is a looping painting turned away from the viewer; a VTuber faces the camera, lip-syncs to a real performer and reads the chat, so use lofi for background calm and VTuber graphics for presence and talk.
- Kawaii Design Contrasts · Its parent in cute character culture, but kawaii fixes a static mascot on pastel goods and print; switch to VTuber graphics when the character has to move, talk and answer a live chat, with a performer's voice and a whole stream screen around it.
- Superflat Contrasts · Both draw on anime and otaku imagery, but superflat flattens it ironically into all-over, unshaded fields; VTuber graphics play one character sincerely, with cel shading, overlap and a 2.5D rig that turns the head, as a persona fans follow from week to week.
- Fantasy User Interface (FUI) & Sci-Fi HUD Pairs well · For a science-fiction or AI persona in the manner of Kizuna AI, frame the avatar with HUD-style rings, brackets and hairline panels as its overlay, keeping the warm character in front of the cold interface.
- Vocaloid Fan Illustration (Hatsune Miku Culture) Pairs well · Both use a shared, character-led look; add stream overlays and avatar frames.
- Light Novel Cover Illustration Pairs well · The same anime idiom moved onto live avatars; borrow its outlined name logos for a series mark, keep the cover's single still portrait.
- YouTube Thumbnail Style (the 'YouTube Face') Pairs well · VTubers follow the same rules for their thumbnails, a big cut-out at a third of the frame, a few outlined words, warm colours; swap the photographed face for the avatar to bring the idiom to a channel whose performer stays unseen.