Style combination · Contrasts
Flash Vector Cartoon × Zagreb School of Animated Film
Textured, earthy, modernist art-house shorts against the even strokes, gradients and portal irreverence of Flash.
Mix them and make something Flash Vector Cartoon Zagreb School of Animated Film
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.
Flash Vector Cartoon (Newgrounds-Era Web Animation) Zagreb School of Animated Film
- Type from Flash Vector Cartoon
- Colour from Zagreb School of Animated Film
- Form from Flash Vector Cartoon
- Composition from Flash Vector Cartoon
- Surface from Zagreb School of Animated Film
-
Flash Vector Cartoon avoids painterly brushwork and grain & noise: this is where the two pull against each other, which is the point of the contrast.
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 · Zagreb School of Animated Film
The modernist animation of Zagreb Film's Studio for Animated Film, grown from reduced-animation advertisements of 1954-1955 and named the 'Zagreb school' by Georges Sadoul and André Martin after Cannes 1958. Breaking with Disney's full animation, caricaturists and painters, after UPA, Klee and the Suprematists, reduced characters to flat geometric caricatures with wiry limbs and cut the set to empty or textured painted fields, rows of identical figures and a few objects. Limited movement carried satirical, often dark fables of the 'small man' in mass society.
Jost; Zagreb School of Animated Film used Hand-drawn title lettering and Drawn monogram initial
03
The colours
The ground and leading colours come from Zagreb School of Animated Film, with a counter-accent from Flash Vector Cartoon. The ink reads on the ground at 4.5:1 or more.
Flash Vector Cartoon (Newgrounds-Era Web Animation) Zagreb School of Animated Film
-
#c4c0bbground · 36% -
#1c1b1bink · 14% -
#cc2a2eaccent · 18% -
#ff3333accent · 14% -
#55a9c4accent · 10% -
#5a4535accent · 8%
As CSS
:root {
--ground: #c4c0bb;
--ink: #1c1b1b;
--accent-1: #cc2a2e;
--accent-2: #ff3333;
--accent-3: #55a9c4;
--accent-4: #5a4535;
--font-display: "Pixelify Sans", monospace;
--font-text: "Jost", sans-serif;
}
Use it with care
Zagreb School of Animated Film: The films and their characters remain in copyright and are distributed by Zagreb Film, whose logo is a horse: borrow the method (a flat caricature, an empty or textured field, a row of identical men), never a particular character, film or the horse logo, and never present a generated image as a Zagreb Film work. Made in a state-funded studio of socialist Yugoslavia, these films were, as historians read them, neither dissident nor propaganda: do not recast them as either, and do not dress a design in red stars, party slogans or leader portraits as period decor.
04
The two styles
05
More combinations
With Flash Vector Cartoon
- 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.
- CalArts Style (Rounded Cartoon Character Design) Pairs well · 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.
- 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.
With Zagreb School of Animated Film
- UPA & Cartoon Modern Contrasts · The nearest genome and its American parent: Zagreb's founders learned from UPA's flat caricatures, stripped sets and limited movement. But UPA lays its colour on one clean, flat field and pokes gentle fun at American folkways, while Zagreb sets its figures on tinted, often muted grounds of sponged, washed or canvas-textured paint, collages cut-out planes and photographs (even filmed children, in Igra), lines identical men up in rows against one small man, and turns the gag into an absurd, often dark fable of mass society.
- Polish Poster School Pairs well · Both built one absurd visual idea under state patronage in the same years; pair a Polish-style painted, hand-lettered metaphor with Zagreb's flat caricatures and empty fields for a film or festival poster.
- Risograph & Indie Print Culture Pairs well · Riso's flat spot inks and speckled texture reproduce Zagreb's flat cut-out figures over a textured ground, which suits small-run posters, zines and picture books.
- Corporate Memphis Contrasts · Both draw flat, distorted figures, but Corporate Memphis is smooth, faceless and earnest on a clean field; Zagreb caricatures faces, roughens the ground and turns the figure into a satirical small man.
- Thaw Modernism (Soviet and Czechoslovak) Contrasts · Its Soviet and Czechoslovak contemporary shares the flat figures, the reduced set and work for animation, but prints clear pastels on a light ground in a mood of civic, Sputnik-age optimism. Zagreb sets its figures on tinted, often textured grounds and aims satire at technology, war and bureaucracy.
- Chinese National-Style Animation (Shanghai Animation Film Studio) Contrasts · Its contemporary among state-funded animation schools: both broke with Disney's full animation and staged short fables in flat figures and empty fields. Zagreb reduces its small men to geometric caricature for ironic satire of mass society; Shanghai takes its figures from ink painting, opera, paper-cut and murals and tells gentle fables and myths.
- Zagreb Modernist Graphics (EXAT 51 to Teatar &TD) Pairs well · The same city and years, with EXAT's Vlado Kristl and Aleksandar Srnec working on Zagreb Film cartoons; set a flat, satirical Zagreb-school figure against a grid of repeated units or letters for a festival poster.