Cartoon Modern vs Mid-Century Modern

カートゥーン・モダン / ミッドセンチュリー・モダン

Cartoon Modern comes from Animation Techniques and Mid-Century Modern from Retro. They are reached for with different intent, which is the fastest way to tell them apart.

Cartoon Modern

Cartoon Modern — UPA『Hell-Bent for Election』1944 フィルム断片 — Wikimedia Commons / Public domainCartoon Modern — UPA《Gerald McBoing-Boing》のタイトルカード 1950 — Wikimedia Commons / Public domainCartoon Modern — 『Destination Earth』タイトルカード 1956（カール・アーバノ監督） — Wikimedia Commons / Public domain

UPA's animators dropped Disney-style dimensional realism for flat color fields, simplified lines and stylized movement, bringing mid-century graphic sensibility into animation.

Mid-Century Modern

Mid-Century Modern — Charles and Ray Eames《Lounge Chair》1956 — Wikimedia Commons / CC BY 2.0Mid-Century Modern — Charles and Ray Eames《LCW》1945, ホノルル美術館 — Wikimedia Commons / CC0Mid-Century Modern — Case Study House #21（Pierre Koenig）— Wikimedia Commons / CC BY 2.0

Adds hand-felt curves and warmth to rational geometry.

Cartoon ModernMid-Century Modern
Era1943–19591940s–1960s
FamilyAnimation TechniquesRetro
KindStyleStyle
CuesFlat color fields / Omitted outlines / Figures as shapes / Abstract backgroundsOrganic shapes / Calm warm colors / Succinct illustration / Diagonal movement
Best used forChildren's educational programs and picture books drawn friendly with fewer lines · Explainer animation for a company that should feel light rather than realisticBalancing friendliness with intelligence · Building contexts of living, furniture and culture
TypeHand lettering, uneven, sitting on the same plane as the colorA rounded sans-serif
CompositionBackgrounds reduced to color fields, figures placed as shapesAsymmetric yet stable balance
MaterialGrainy paper tooth under flat muted colors that never blendMustard, teal, textures of wood and paper
CautionCopying the flat look while keeping smooth Disney movement, so the drawing style and the motion style contradict each other.Don't pile up retro props. Fit the forms to today's information structure.

Put these two together

Animation Techniques ／ Retro

IndexStyle