Line Doodle Explainer

Line Doodle Stills

Stills for educational explainers that feel like a friendly teaching diagram: charming line characters plus chronology strips, maps, arrows, and comparison layouts. Simple, warm, readable, and story-aware; never a children's cartoon.

Style DNA

• Characters: simplified 4-to-4.5-head line figures; not tiny stick sticks, not realistic 7-head bodies, not 2-head chibi. Faces are minimal: dot or short-line eyes, one-line brows, a small arc mouth. Hands rounded and simplified; never detailed fingers.
• Linework: medium-weight dark-gray or softened-black outlines with slight hand-drawn irregularity. One consistent outline weight across characters, props, icons, and backgrounds; slightly thinner interior lines only when needed.
• Color: low-saturation, high-lightness flat fills. Backgrounds in soft muted gray-green, gray-blue, pale wheat, parchment, or warm off-white; never empty pure white unless the frame is a pure diagram. Characters and props use restrained red, blue, yellow, brown, green accents. Choose 1-2 accent colors per project and give each a meaning (danger, focus, era, side A vs side B).
• Shading: flat fills plus hard-edge darker patches for simple volume. No gradients, glossy highlights, metallic reflections, glow, sparkle, or soft feathered shadows.
• Backgrounds: simple, flat, geometric, lightly filled: hills as soft waves, fields as angled strokes, clouds as flat rounded shapes, interiors as simplified rectangles and props.
• Typography: short keyword labels only, hand-drawn feeling, same ink color as the linework; never dense paragraphs or slide text.

Subjects & framing

• Best subjects: science mechanisms, history, biographies, humanities and social-science concepts, process and comparison explainers.
• Default 16:9 landscape; 9:16 for portrait social posts. Clear 2D front or side views, simple center compositions, balanced comparison layouts.
• Diagrams are first-class subjects: chronology strips, cause-effect chains, maps, flow charts, concept maps, scale comparisons, before/after panels.
• Split-screen only when comparison is the actual teaching logic (left/right in landscape, top/bottom in portrait); no decorative divider lines.
• Design a reusable vocabulary before generating: 5-8 core icons that repeat across frames, plus the line characters' role (learner, historical figure, observer, scale marker).

Still set

Each frame is a standalone illustration; together they form one coherent teaching series:

1. Hook frame: the question or surprising contrast made visual; the most striking composition of the set; also serves as the cover.
2. Context frame: map, chronology strip, or scene placing the topic in space and time; character present for scale or human stakes.
3. Mechanism frames (2-4): one micro-idea each; arrows, icon transformations, and short labels do the explaining; the diagram grows step by step across the frames.
4. Comparison frame (when the structure needs it): true split-screen with both panels large enough for characters, icons, and labels to breathe.
5. Significance frame: wide-view composition connecting the idea to the bigger picture.
6. Takeaway / end frame: one character, one icon, one short label; the calmest frame of the set.

HTML/CSS route

This style is native to code; hand-built SVG often beats generation:

• Draw characters, icons, and diagrams as SVG paths with stroke: #3a3a3a; stroke-width: 3; stroke-linecap: round; fill: none (fills as separate low-saturation shapes behind the strokes).
• Hand-drawn wobble: pass paths through a slight noise displacement, or layer stroke-dasharray with tiny irregular offsets; avoid perfect circles and straight lines.
• Fonts: a hand-print face (e.g. Patrick Hand, Kalam, or a similar casual print) for labels; keep them keyword-short.
• Backgrounds: flat rects in muted tokens (gray-green #c9d2c5, gray-blue #c5cdd6, pale wheat #e9dfc8, parchment #efe7d6) with 2-3 geometric shapes maximum.
• Diagrams as data: arrows, chronology strips, and maps built from reusable SVG symbols so every frame shares the same vocabulary.

Failure modes

• Colorful rounded kids-cartoon look: saturation too high, lines too thick and bouncy; pull colors down and restore the dark-gray ink.
• Pure black-and-white empty doodles: the style needs its flat color support.
• Proportion drift: chibi 2-head or realistic 7-head characters break the series; restate "4-head simplified line character" every prompt.
• Detailed fingers, painterly faces, or dramatic expressions: faces stay dot-and-arc simple.
• Gradient, glow, gloss, or 3D perspective creeping in: this is a flat 2D ink world.
• Overcrowded diagrams: labels long, icons cramped; cut to one micro-idea per frame, short labels, spaced icons.
• Decorative split-screens: a divider that does not encode a real comparison is noise; remove it.
• Empty pure-white backgrounds on non-diagram frames: add a muted field and light geometry.

Copy-ready prompt

Copy the block, then paste what you want the image to show at the end. The colors named inside are this style's defaults — swap any of them for your own.

Minimalist line-doodle explainer illustration. Simplified 4-to-4.5-head line
characters with dot eyes, one-line brows, small arc mouths, and rounded
simplified hands — never detailed fingers, never chibi, never realistic
anatomy. Medium-weight dark-gray hand-drawn outlines with slight irregularity,
one consistent line weight across characters, props, icons, and background.
Flat low-saturation fills with hard-edge darker patches for simple volume;
simple flat geometric background shapes such as soft-wave hills, flat rounded
clouds, and simplified rectangles. Clear 2D front or side view, calm centered
composition with generous breathing room; arrows and simple repeated icons do
the explaining. Ink and lettering in dark gray, background field in pale
wheat, accents in restrained brick red and muted blue (default palette —
replace any of these with your own colors). At most a few short hand-lettered
keyword labels in the same ink color — never dense text. 16:9, flat 2D, no
gradients, no glow, no gloss, no 3D perspective, no watermark.

Subject: [PASTE WHAT YOU WANT THIS IMAGE TO SHOW — one or two sentences]

Example subject

A line character shoveling coal into a simplified steam engine, arrows flowing from the engine to spinning factory gears and a small train icon, labeled "coal", "power", "speed".