Stylogeny combining Lo-fi Anime Aesthetic × Visual Novel Graphics

Try

Style combination · Contrasts

Lo-fi Anime Aesthetic × Visual Novel Graphics

A looping mood against an interface system of fixed parts.

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

Mix them and make something Lo-fi Anime Aesthetic Visual Novel Graphics

BloomLo-fi Anime Aesthetic × Visual Novel Graphics
A sample layout drawn from the recipe: shapes from Lo-fi Anime Aesthetic, their arrangement from Lo-fi Anime Aesthetic, the finish from Lo-fi Anime Aesthetic. Not a real work, and not an image of either style.

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.

Lo-fi Anime Aesthetic Visual Novel Graphics (Sprites, Backgrounds and Textbox UI)

Type from Visual Novel Graphics
Colour from Visual Novel Graphics
Form from Lo-fi Anime Aesthetic
Composition from Lo-fi Anime Aesthetic
Surface from Lo-fi Anime Aesthetic

02

The type

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

Display · Visual Novel Graphics

Bloom

Shippori Mincho, standing in for Mincho (serif) faces for NVL prose and titles

Text · Lo-fi Anime Aesthetic

The look of YouTube's 24/7 lo-fi hip hop streams. Early uploads looped found clips from cartoons and anime (The Simpsons, Whisper of the Heart); the look was fixed when ChilledCow (now Lofi Girl) swapped its Ghibli clip for Juan Pablo Machado's 'Miyazaki-esque' girl studying by a window over Lyon, art many channels copied. One absorbed figure, anime person or animal mascot, in a cosy painted room, a city or rain at dusk outside, cool blue-violet light warmed by a lamp, a few things moving in a seamless loop: a picture to work beside, sincere where vaporwave is ironic.

Zen Kaku Gothic New; Lo-fi Anime Aesthetic used Lowercase stream and track titles in plain sans text with a single emoji as the only ornament, as in Lofi Girl's 'lofi hip hop radio 📚 beats to relax/study to' and 'jazz lofi radio 🎷 beats to chill/study to' and Letter-spaced capitals in track and compilation titles ('RAINING IN P A R I S', 'L O V E S I C K'), which fans trace to vaporwave and to typing Latin words with Japanese keyboards and typefaces (Wang, 2020)

03

The colours

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

Lo-fi Anime Aesthetic Visual Novel Graphics (Sprites, Backgrounds and Textbox UI)

  • #ffffff ground · 36%
  • #2b2a4c ink · 14%
  • #e8c872 accent · 18%
  • #8fc1e3 accent · 14%
  • #7a4e3a accent · 10%
  • #f4a6c0 accent · 8%

As CSS

:root {
  --ground: #ffffff;
  --ink: #2b2a4c;
  --accent-1: #e8c872;
  --accent-2: #8fc1e3;
  --accent-3: #7a4e3a;
  --accent-4: #f4a6c0;
  --font-display: "Shippori Mincho", serif;
  --font-text: "Zen Kaku Gothic New", sans-serif;
}

Use it with care

Lo-fi Anime Aesthetic: The study girl (Jade), the Synthwave Boy and Chillhop's raccoon are owned characters, and the genre's first face, a Studio Ghibli clip used without permission, cost ChilledCow its stream in 2017: draw an original figure, room and view instead of tracing Ghibli frames or the Lofi Girl scene. The combination that identifies Lofi Girl (a girl in headphones writing at a desk, a cat on the sill, Lyon's Croix-Rousse hill beyond) is the one to change first: swap at least the figure, the companion and the view. Lofi Girl makes all its art by hand and objects to AI-generated avatars that resemble or recreate its characters, so never generate a look-alike of Jade or her companions, and disclose generated pictures. Leave out Japanese text unless it is correct and means something, and do not dress a room in random kana or generic 'Japan' scenery.

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.

05

More combinations

With Lo-fi Anime Aesthetic

All 14 combinations with Lo-fi Anime Aesthetic

With Visual Novel Graphics

Every style combination