Stylogeny combining Kawaii Design × Yami-Kawaii

Try

Style combination · Contrasts

Kawaii Design × Yami-Kawaii

Keep the same pastel and round forms but swap reassurance for distress to see how much mood depends on motif.

From the research on Yami-Kawaii (Sick-Cute)

Mix them and make something Kawaii Design Yami-Kawaii

PopKawaii Design × Yami-Kawaii1970 · 2013
A sample layout drawn from the recipe: shapes from Kawaii Design, their arrangement from Kawaii Design, the finish from Kawaii Design. 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.

Kawaii Design Yami-Kawaii (Sick-Cute)

Type from Yami-Kawaii
Colour from Yami-Kawaii
Form from Kawaii Design
Composition from Kawaii Design
Surface from Kawaii Design

02

The type

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

Display · Yami-Kawaii

Pop

Zen Maru Gothic, standing in for Rounded gothic sans (maru-gothic)

Text · Yami-Kawaii

A darker variant of kawaii that keeps pastel pinks, lavenders and rounded characters but fills them with medical and self-harm motifs: pills, syringes, razor blades, bandages and tears. Drawn as cute stickers and goods, it is both ironic and sad, and observers disagree whether it opens talk about mental health or glamorises illness.

Zen Maru Gothic; Yami-Kawaii used Rounded gothic sans and Japanese hand-written pop lettering

03

The colours

The ground and leading colours come from Yami-Kawaii, with a counter-accent from Kawaii Design. The ink reads on the ground at 4.5:1 or more.

Kawaii Design Yami-Kawaii (Sick-Cute)

  • #ffffff ground · 36%
  • #3b3350 ink · 14%
  • #e0457b accent · 18%
  • #e60033 accent · 14%
  • #bfeedd accent · 10%
  • #ffd1e0 accent · 8%

As CSS

:root {
  --ground: #ffffff;
  --ink: #3b3350;
  --accent-1: #e0457b;
  --accent-2: #e60033;
  --accent-3: #bfeedd;
  --accent-4: #ffd1e0;
  --font-display: "Zen Maru Gothic", sans-serif;
  --font-text: "Zen Maru Gothic", sans-serif;
}

Use it with care

Yami-Kawaii (Sick-Cute): The imagery refers to mental illness and self-harm, and it is contested whether it raises awareness or glamorises them. 'Menhera' is Japanese internet slang for people with mental health problems, used from about 2001 among users of a 2channel mental health board, and often used dismissively; creators in the scene describe drawing on their own mental health experiences. Treat the motifs with care, avoid using them to mock real conditions, and follow safe-messaging practice in any commercial use.

05

More combinations

With Kawaii Design

All 25 combinations with Kawaii Design

With Yami-Kawaii

Every style combination