Style combination · Pairs well
Isometric Pixel Art × Superflat
Both crowd a flat, saturated field with cute consumer figures and irony; add superflat's rounded characters to the pixel city for a denser pop dialogue.
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.
Isometric Pixel Art Superflat
- Type from Isometric Pixel Art
- Colour from Superflat
- Form from Isometric Pixel Art
- Composition from Isometric Pixel Art
- Surface from Superflat
-
Isometric Pixel Art avoids gloss & highlights: this is where the two pull against each other.
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Display · Isometric Pixel Art
Yay!
Pixelify Sans, standing in for Hand-pixelled lettering drawn into the scene: shop signs, billboards and brand logos sheared onto the 2:1 planes of the buildings, as in eBoy's Pixoramas
Text · Superflat
The flat, saturated, cartoon-crowded look that Takashi Murakami named in his exhibition and manifesto Superflat (Tokyo, 2000; US tour 2001). It draws a line from Edo painting and prints to postwar anime and manga, and flattens high and low, art and merchandise into one plane. Smiling flowers, many-eyed characters and anime figures come in unshaded polychrome, smooth and glossy, cute and grotesque at once, sold as handbags and album covers as well as paintings. This entry follows the drawn core of Murakami and his Kaikai Kiki circle; the shows also held photography, video and sculpture.
Zen Maru Gothic; Superflat used Letters drawn into the character and Many-coloured repeated monogram
03
The colours
The ground and leading colours come from Superflat, with a counter-accent from Isometric Pixel Art. The ink reads on the ground at 4.5:1 or more.
Isometric Pixel Art Superflat
-
#fbfaf5ground · 36% -
#1a1a1aink · 14% -
#ffd900accent · 18% -
#ffc933accent · 14% -
#00a0e9accent · 10% -
#e8413caccent · 8%
As CSS
:root {
--ground: #fbfaf5;
--ink: #1a1a1a;
--accent-1: #ffd900;
--accent-2: #ffc933;
--accent-3: #00a0e9;
--accent-4: #e8413c;
--font-display: "Pixelify Sans", monospace;
--font-text: "Zen Maru Gothic", sans-serif;
}
Use it with care
Superflat: Some canonical works use explicit otaku sexual imagery, such as Murakami's My Lonesome Cowboy (1998), and associated artists engage with lolicon art: Mr. describes himself as a lolicon and Henmaru Machino parodies it; never sexualise childlike figures. The mushroom-cloud skulls of Murakami's Time Bokan works and the title Little Boy, the name of the Hiroshima bomb, refer to the atomic bombings, and critics such as Dong-Yeon Koh argue that this victim narrative obscures Japanese aggression in China and Korea; do not use mushroom clouds or skulls as cute decoration. Handle borrowed Buddhist iconography and phrases, such as Kannon, with respect, and draw original characters and flowers: Mr. DOB, the smiling flowers and the Louis Vuitton monogram are owned designs.
04
The two styles
05
More combinations
With Isometric Pixel Art
- International Typographic Style Contrasts · Set a calm grotesque headline and white margin against a crowded pixel panorama to frame the chaos with order.
- Bitmap & Pixel Graphics Contrasts · Same hand-placed pixels, but front-on icons and sprites under hardware limits against a crammed, full-colour 2:1 city made as a picture.
- Isometric Tech Illustration Contrasts · Same tilted projection, opposite temper: sparse vector SaaS diagrams on white against a crammed, ironic pixel city.
- Cyworld Minihompy & Minimi (Korean Mini-Homepage Culture) Pairs well · Borrow a denser pixel diorama for the miniroom panel, but keep the profile frame, photos and friends' comments around it.
With Superflat
- Kawaii Design Contrasts · Kawaii offers sincere, simple, pastel cuteness for fancy goods; switch to Superflat when the cute should be saturated, crowded, many-eyed and ironic, a comment on consumer culture rather than a product of it.
- Pop Art Graphics Contrasts · Both turn commodities into art; take Pop's repetition and frontal commodity but swap its halftone and off-register silkscreen for Superflat's smooth vector fills and anime characters, so the print process disappears.
- Minimalist Graphic Design Contrasts · One dense field of smiling flowers on an otherwise empty white page gives a minimal layout a single loud focal point without giving up its calm.
- Ukiyo-e Woodblock Prints Pairs well · Murakami traces Superflat's flatness back to Hokusai's prints; borrow the woodblock keyline, the stylised wave and the cropped composition and fill them with Superflat's saturated characters.
- Techno-Futurist Graphics Pairs well · groovisions, whose Chappie figure showed in the 2001 Superflat exhibition, links the two; set Superflat characters inside techno-futurist logos, grids and katakana captions for a slicker, more corporate parody.
- Angura Theatre Poster Contrasts · Both quote ukiyo-e and Pop from Japan, but angura crams photographs and fluorescent silkscreen into a rebellious collage while Superflat draws everything smooth and flat; set one flat Superflat character against an angura photomontage for a clash of eras.
- Story Manga (Postwar Japanese Comics) Contrasts · Murakami's Superflat lifts anime and manga figures out of the story onto one flat, glossy, polychrome plane for the gallery; story manga keeps the sequence, the depth of its backgrounds and its single black ink.
- Lo-fi Anime Aesthetic Contrasts · Both draw on anime, but superflat flattens otaku imagery into ironic, polychrome, all-over fields with no depth; choose lofi for one sincere, softly lit room with depth, and superflat when the brief wants pop density and knowing play.