Style combination · Pairs well
CalArts Style × Flash Vector Cartoon
Direct precursor: both build flat-vector, rounded characters with even strokes that a crew can redraw and tween; this style adds sliver or dot eyes and softer, thinner-limbed proportions.
Mix them and make something CalArts Style Flash Vector Cartoon
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) Flash Vector Cartoon (Newgrounds-Era Web Animation)
- Type from Flash Vector Cartoon
- Colour from CalArts Style
- Form from CalArts Style
- Composition from Flash Vector Cartoon
- 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 · Flash Vector Cartoon
Wow
Pixelify Sans, standing in for Bitmap-emulating pixel fonts made to stay crisp at small sizes in Flash (e.g. Craig Kroeger's Miniml) for interface text such as preloaders, menus and buttons
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 Flash Vector Cartoon. The ink reads on the ground at 4.5:1 or more.
CalArts Style (Rounded Cartoon Character Design) Flash Vector Cartoon (Newgrounds-Era Web Animation)
-
#fdf3e1ground · 36% -
#2b2a3aink · 14% -
#ffd35caccent · 18% -
#ff3333accent · 14% -
#7aa7f0accent · 10% -
#66cc33accent · 8%
As CSS
:root {
--ground: #fdf3e1;
--ink: #2b2a3a;
--accent-1: #ffd35c;
--accent-2: #ff3333;
--accent-3: #7aa7f0;
--accent-4: #66cc33;
--font-display: "Pixelify Sans", monospace;
--font-text: "Nunito", sans-serif;
}
04
The two styles
05
More combinations
With CalArts Style
- Corporate Memphis Pairs well · Both use flat fills and simplified figures; borrow its pastel UI-illustration palette, but keep faces and expressions, which Corporate Memphis drops.
- Chat Reaction-Sticker Cartooning (LINE) Pairs well · Reduced faces and bold soft outlines carry emotion at small sizes, so character designs translate well into stickers and avatars.
- Rubber-Hose Revival (Cartoon Mascot Graphics) Contrasts · Inkier, pie-eyed, nostalgic 1930s mascot drawing against thin-limbed, flat-coloured, contemporary character design.
- UPA & Cartoon Modern Contrasts · Mid-century angular, graphic stylisation against soft rounded forms; mixing them gives a more designed, less generic look.
With Flash Vector Cartoon
- Zagreb School of Animated Film Contrasts · Textured, earthy, modernist art-house shorts against the even strokes, gradients and portal irreverence of Flash.
- UPA & Cartoon Modern Contrasts · Same limited-animation logic, but hand-painted, off-register and spare; set against mechanical vector lines and tweened puppets.
- Internet Ugly & Meme Vernacular Pairs well · Shares the ironic, communal portal humour; add MS Paint crudeness and Impact captions for a rougher meme strand.
- Early Web Vernacular Pairs well · Its native habitat: put the cartoon in a cluttered portal page of banners and visitor counters for the full dial-up context.
- Rubber-Hose Revival (Cartoon Mascot Graphics) Pairs well · Both run on rounded, pie-eyed figures; borrow its period title lettering for an Old-Timey parody like Homestar Runner's.
- Flash-Era Web Design (Flash Portfolio Sites) Contrasts · Made in the same tool at the same time, but the cartoon is bright, loose and character-led, where the portfolio site is dark, gridded and abstract.