Stylogeny combining Cel-Shaded Game Graphics × Graffiti

Try

Style combination · Pairs well

Cel-Shaded Game Graphics × Graffiti

Spray tags and wildstyle pieces onto toon-shaded walls for the street register that Jet Set Radio set.

From the research on Cel-Shaded Game Graphics (Toon-Shaded Real-Time 3D)

Mix them and make something Cel-Shaded Game Graphics Graffiti

WowWowCel-Shaded Game × Graffiti2000 · 1972
A sample layout drawn from the recipe: shapes from Cel-Shaded Game Graphics, their arrangement from Cel-Shaded Game Graphics, the finish from Graffiti. 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.

Cel-Shaded Game Graphics (Toon-Shaded Real-Time 3D) Graffiti & Hip-Hop Graphics

Type from Graffiti
Colour from Cel-Shaded Game Graphics
Form from Cel-Shaded Game Graphics
Composition from Cel-Shaded Game Graphics
Surface from Graffiti

02

The type

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

Display · Graffiti

Wow

Sedgwick Ave Display, standing in for Wildstyle lettering

Text · Cel-Shaded Game Graphics

A look for real-time 3D video games in which normally lit models are quantised into two or three hard bands of flat, saturated colour and ringed with ink outlines, so a freely moving 3D world reads as a moving cartoon, anime cel or comic panel. Each game pairs the rendering with one borrowed graphic idiom: graffiti in Jet Set Radio, comic balloons in XIII, sumi-e brush and parchment in Okami, hand-drawn comic textures in Borderlands. It carries into key art, box art and logos.

Zen Maru Gothic; Cel-Shaded Game Graphics used Graffiti handstyles and hand-drawn logo lettering and Comic-book onomatopoeia lettered in bubbles, popping up over the 3D scene

03

The colours

The ground and leading colours come from Cel-Shaded Game Graphics, with a counter-accent from Graffiti. The ink reads on the ground at 4.5:1 or more.

Cel-Shaded Game Graphics (Toon-Shaded Real-Time 3D) Graffiti & Hip-Hop Graphics

  • #f4e9d0 ground · 36%
  • #111111 ink · 14%
  • #e8402a accent · 18%
  • #e4002b accent · 14%
  • #1e88d8 accent · 10%
  • #3fae49 accent · 8%

As CSS

:root {
  --ground: #f4e9d0;
  --ink: #111111;
  --accent-1: #e8402a;
  --accent-2: #e4002b;
  --accent-3: #1e88d8;
  --accent-4: #3fae49;
  --font-display: "Sedgwick Ave Display", cursive;
  --font-text: "Zen Maru Gothic", sans-serif;
}

Use it with care

Cel-Shaded Game Graphics (Toon-Shaded Real-Time 3D): The characters, worlds and logos of these games (Link and The Wind Waker, Okami's Amaterasu, Borderlands, Guilty Gear, Eric Haze's Jet Set Radio logo) are owned by their publishers and artists, and Okami's gods and brush art draw on Shinto myth and Japanese ink painting: draw original characters, logos and tags in the shared idiom, never ask an image model for a named game, character or artist, and never present a generated picture as studio key art.

05

More combinations

With Cel-Shaded Game Graphics

With Graffiti

All 17 combinations with Graffiti

Every style combination