Stylogeny combining CalArts Style × Chat Reaction-Sticker Cartooning

Try

Style combination · Pairs well

CalArts Style × Chat Reaction-Sticker Cartooning

Reduced faces and bold soft outlines carry emotion at small sizes, so character designs translate well into stickers and avatars.

From the research on CalArts Style (Rounded Cartoon Character Design)

Mix them and make something CalArts Style Chat Reaction-Sticker Cartooning

HelloCalArts Style × Chat Reaction-Sticker
A sample layout drawn from the recipe: shapes from CalArts Style, their arrangement from Chat Reaction-Sticker Cartooning, the finish from CalArts Style. 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.

CalArts Style (Rounded Cartoon Character Design) Chat Reaction-Sticker Cartooning (LINE)

Type from Chat Reaction-Sticker Cartooning
Colour from CalArts Style
Form from CalArts Style
Composition from Chat Reaction-Sticker Cartooning
Surface from CalArts Style

02

The type

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

Display · Chat Reaction-Sticker Cartooning

Hello

Mochiy Pop One, standing in for Manga-derived lettering and onomatopoeia conventions

Text · CalArts Style

A pejorative, disputed label for the rounded character design of 2010s American TV animation: big heads, dot or sliver eyes, thin limbs, soft uniform outlines and flat candy colours. Renzetti calls it meaningless name-calling; Muto calls it oversimplifying and vague. It lumps very different shows together and is partly a fan-culture proxy. Visual traits are an editorial synthesis, not from the cited article.

Nunito; CalArts Style used Hand-drawn show-title lettering and Rounded sans-serifs

03

The colours

The ground and leading colours come from CalArts Style, with a counter-accent from Chat Reaction-Sticker Cartooning. The ink reads on the ground at 4.5:1 or more.

CalArts Style (Rounded Cartoon Character Design) Chat Reaction-Sticker Cartooning (LINE)

  • #fdf3e1 ground · 36%
  • #2b2a3a ink · 14%
  • #ffd35c accent · 18%
  • #7aa7f0 accent · 14%
  • #e8795c accent · 10%
  • #6fd3c4 accent · 8%

As CSS

:root {
  --ground: #fdf3e1;
  --ink: #2b2a3a;
  --accent-1: #ffd35c;
  --accent-2: #7aa7f0;
  --accent-3: #e8795c;
  --accent-4: #6fd3c4;
  --font-display: "Mochiy Pop One", sans-serif;
  --font-text: "Nunito", sans-serif;
}