# Vocaloid Fan Illustration (Hatsune Miku Culture)

> A fan illustration culture around one licensed character, Hatsune Miku, whose turquoise twin tails and synthesizer-sleeve motifs are redrawn for songs, videos and covers. The design is CC BY-NC (per Wikipedia) and fan use runs under Crypton's Piapro Character License, so the character stays licensed property, with commercial use needing Crypton's permission; that openness invited the volume of fan work, while the recurring cyan, pink and interface motifs come from the character design. Unlike vtuber-graphics, an avatar for one streamer, it is a shared character many fans redraw.

- Period: 2007–present
- Where: East Asia, Global / networked
- Origin: Japan: Hatsune Miku, released 31 August 2007 by Crypton Future Media with a character design by Kei Garō (KEI); fan work spread through Nico Nico Douga and Piapro
- Branch: Digital native
- Also known as: Miku illustration, Piapro art, Nico Nico Douga illustration, Vocaloid PV art
- Page: https://stylogeny.com/styles/vocaloid-illustration/

## How it works

- Anchor every image on the shared character silhouette: long turquoise twin tails, the grey sleeve and the shoulder numeral.
- Key the palette to the character's recurring colour code: turquoise and teal against white or deep night blue, with magenta or pink as the accent.
- Draw the figure in whatever style suits the song, often clean flat vector or cel shading with crisp outlines; fan styles vary widely, and the constant is the character.
- Add digital-interface motifs such as waveforms, equaliser bars, pixels and light trails to signal the synthesized voice.
- Make the image answer a song: set the title in lettering that matches its mood and compose it as a cover or video still.

## Its design choices

Defining choices make the style, characteristic ones are usual, occasional ones turn up now and then.

### Layout & composition
- [Full bleed](https://stylogeny.com/design-choices/full-bleed/) (occasional)
- [Dynamic asymmetry](https://stylogeny.com/design-choices/dynamic-asymmetry/) (occasional)
- [Isolated object](https://stylogeny.com/design-choices/isolated-object/) (occasional)

### Space & hierarchy
- [Single focal point](https://stylogeny.com/design-choices/single-focal-point/) (defining)
- [Layered information](https://stylogeny.com/design-choices/layered-information/) (occasional)
- [Repetition & rhythm](https://stylogeny.com/design-choices/repetition-and-rhythm/) (occasional)

### Typography
- [Rounded sans](https://stylogeny.com/design-choices/rounded-sans/) (occasional)
- [Geometric sans](https://stylogeny.com/design-choices/geometric-sans/) (occasional)
- [Hand-lettering](https://stylogeny.com/design-choices/hand-lettering/) (occasional)
- [Ornamented display](https://stylogeny.com/design-choices/ornamented-display/) (occasional)

### Colour
- [Limited spot colours](https://stylogeny.com/design-choices/limited-spot-colours/) (characteristic)
- [Analogous harmony](https://stylogeny.com/design-choices/analogous-harmony/) (characteristic)
- [Fluorescent & neon](https://stylogeny.com/design-choices/fluorescent-and-neon/) (characteristic)
- [Gradients](https://stylogeny.com/design-choices/gradients/) (characteristic)
- [Dark ground](https://stylogeny.com/design-choices/dark-ground/) (characteristic)

### Form & shape
- [Stylised figuration](https://stylogeny.com/design-choices/stylised-figuration/) (defining)
- [Rounded & pill](https://stylogeny.com/design-choices/rounded-and-pill/) (characteristic)
- [Pictogram](https://stylogeny.com/design-choices/pictogram/) (occasional)

### Surface & texture
- [Flat](https://stylogeny.com/design-choices/flat/) (characteristic)
- [Gloss & highlights](https://stylogeny.com/design-choices/gloss-and-highlights/) (occasional)

### Ornament
- [Restrained accents](https://stylogeny.com/design-choices/restrained-accents/) (characteristic)
- [Cosmic & celestial](https://stylogeny.com/design-choices/cosmic-and-celestial/) (occasional)

### Imagery
- [Flat vector illustration](https://stylogeny.com/design-choices/flat-vector-illustration/) (defining)
- [Comic & cartoon](https://stylogeny.com/design-choices/comic-and-cartoon/) (characteristic)
- [Line illustration](https://stylogeny.com/design-choices/line-illustration/) (characteristic)
- [Icons & pictograms](https://stylogeny.com/design-choices/icons-and-pictograms/) (occasional)

### Medium & production
- [Web & CSS](https://stylogeny.com/design-choices/web-and-css/) (defining)
- [Motion & broadcast](https://stylogeny.com/design-choices/motion-and-broadcast/) (defining)
- [App & OS interface](https://stylogeny.com/design-choices/app-and-os-interface/) (occasional)
- [Offset printing](https://stylogeny.com/design-choices/offset-printing/) (occasional)

### Tone & intent
- [Technological & futurist](https://stylogeny.com/design-choices/technological-and-futurist/) (defining)
- [Playful & witty](https://stylogeny.com/design-choices/playful-and-witty/) (characteristic)
- [Communal & popular](https://stylogeny.com/design-choices/communal-and-popular/) (characteristic)
- [Romantic & sensual](https://stylogeny.com/design-choices/romantic-and-sensual/) (occasional)

Avoids: Abundant decoration, Collage & layering, Grain & noise, Paper & letterpress bite, Letterpress, Authoritative & institutional, Distortion & exaggeration

Palette: #39c5bb, #ffffff, #2b3a4a, #ff6fa5, #0b1d3a

Typefaces: Rounded and geometric sans-serifs for song titles, Hand-lettered titles in fan cover art, Japanese gothic (Gothic-tai) type in video captions

Known for: Hatsune Miku (Crypton Future Media, 2007), character design by KEI; Snow Miku (Sapporo Snow Festival; first a recolour in 2010, a new design every year since 2011); Hachune Miku (chibi fan derivative); Nico Nico Douga fan videos and cover art for producers' songs; Piapro, Crypton's creator-sharing site

## Where it comes from, and what it’s close to

- Influenced by: [Lo-fi Anime Aesthetic](https://stylogeny.com/styles/lofi-anime.md) (2017–present)
- Alike in its design choices: [Illustrated Rom-Com Book Cover (Cartoon Couple Cover)](https://stylogeny.com/styles/illustrated-romcom-cover.md) (2016–present), 63% alike
- Alike in its design choices: [Showa Modern Commercial Art and Zuan-moji](https://stylogeny.com/styles/showa-modern-zuan-moji.md) (1925–1940), 60% alike
- Alike in its design choices: [Light Novel Cover Illustration](https://stylogeny.com/styles/light-novel-cover.md) (2003–present), 58% alike
- Alike in its design choices: [Emoji Pictographic Language](https://stylogeny.com/styles/emoji.md) (1997–present), 58% alike
- Alike in its design choices: [Ukrainian Wartime Graphics (Saint Javelin, War Stamps and Be Brave Like Ukraine)](https://stylogeny.com/styles/ukrainian-wartime-graphics.md) (2022–present), 57% alike
- Alike in its design choices: [VTuber Avatar and Stream Graphics](https://stylogeny.com/styles/vtuber-graphics.md) (2016–present), 57% alike

## Sources

- https://en.wikipedia.org/wiki/Hatsune_Miku
- https://piapro.net/intl/en_for_creators.html

---

From Stylogeny (https://stylogeny.com/), an atlas of graphic-design styles by Van Riel Online Services. How it is made: https://stylogeny.com/about/. Cite as: Stylogeny, “Vocaloid Fan Illustration (Hatsune Miku Culture)”, https://stylogeny.com/styles/vocaloid-illustration/