Stylogeny combining Bitmap × Kawaii Design

Try

Style combination · Pairs well

Bitmap × Kawaii Design

Sprite-scale characters and kawaii roundness merge naturally; keep the palette limited so pixel mascots stay crisp.

From the research on Bitmap & Pixel Graphics

Mix them and make something Bitmap Kawaii Design

HelloBitmap × Kawaii Design1977 · 1970
A sample layout drawn from the recipe: shapes from Kawaii Design, their arrangement from Bitmap, the finish from Bitmap. 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.

Bitmap & Pixel Graphics Kawaii Design

Type from Bitmap
Colour from Kawaii Design
Form from Kawaii Design
Composition from Bitmap
Surface from Bitmap

02

The type

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

Display · Bitmap

Hello

Pixelify Sans, standing in for Chicago (Susan Kare, 1984)

Text · Kawaii Design

Japan's culture of cuteness, which grew from 1970s teenage rounded handwriting and shōjo fancy goods into a global design language through Sanrio, character merchandise and emoji. Its decisions are simple and consistent: rounded forms, oversized heads and minimal faces, pastel or candy colour in flat fields, scattered hearts and sparkles, and friendly rounded type.

Zen Maru Gothic; Kawaii Design used Maru-ji and Maru Gothic rounded type

03

The colours

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

Bitmap & Pixel Graphics Kawaii Design

  • #fff4a3 ground · 36%
  • #141414 ink · 14%
  • #e60033 accent · 18%
  • #9bbc0f accent · 14%
  • #a8d8ff accent · 10%
  • #ff55ff accent · 8%

As CSS

:root {
  --ground: #fff4a3;
  --ink: #141414;
  --accent-1: #e60033;
  --accent-2: #9bbc0f;
  --accent-3: #a8d8ff;
  --accent-4: #ff55ff;
  --font-display: "Pixelify Sans", monospace;
  --font-text: "Zen Maru Gothic", sans-serif;
}

05

More combinations

With Bitmap

All 19 combinations with Bitmap

With Kawaii Design

All 25 combinations with Kawaii Design

Every style combination