Clean-line cel animation frame
Also called cel animation frame, clean ink and paint frame, flat-shaded animation still, traditional animation cel, closed-line character frame
cel-shaded-frame/v1A single animation frame: closed clean line, flat colour fill, and shadow as one hard-edged discrete tone rather than a gradient.
- Made by
- A single frame in the ink-and-paint tradition: a closed clean line drawing filled with flat colour and one discrete shadow tone
- Control
- Prompt + reference — Words get you close; a style reference is what holds a whole set together.
Why it works
What the direction actually buys you when it lands.
- The line is closed, so every shape is a fillable region — the drawing and the colour are separate layers, which is why the direction stays crisp at any scale and recolours cleanly.
- Shadow is one discrete tone with a hard edge, so form is described in two steps instead of a gradient; this is what makes it read as animation rather than as illustration.
- Frames are built for staging: the pose reads as a silhouette first, which makes the image legible instantly even in a small card.
- It carries motion and character without needing an actual animation, so a single asset implies a moving product story.
What you see
The perceptual fingerprint — check a candidate against these.
- A closed, even-weight contour line around every shape, unbroken
- Flat colour fill inside the line with no gradient or texture
- Shadow as a single darker tone with a hard edge, following the form
- Clear staging: the pose reads unambiguously as a silhouette
- Simplified background rendered with less line weight and detail than the foreground subject
Best fit
Where this direction is the right answer.
- Product explainers and onboarding where a character guides the user
- Mascots and brand characters that need to feel alive
- Campaign work aimed at a younger or consumer audience
- Any sequence where the same character must appear repeatedly across steps
Avoid when
Known-bad conditions. Pick another direction instead.
- The brand tone is serious, institutional or premium
- You need photographic or material credibility
- Character consistency cannot be maintained across the assets you need
- The subject is a real product requiring accurate depiction
Compatibility
How it behaves next to the rest of a design system.
Pairs with
- Rounded geometric sans typography
- Bright, clearly separated accent palettes
- Card layouts with generous radius
- Kits using flat fills and playful shapes
Tension with
- Premium, minimal or institutional positioning
- Photographic imagery in the same view
- Textured painterly directions
- Dense data-heavy layouts
Character consistency is the real cost of this direction, not the rendering. Budget for an owned reference sheet of the character from several angles before committing to it across a flow, or the third asset will show a visibly different character.
Accessibility
What has to be true before this ships to real readers.
- Flat fills and hard shadow edges make contrast checking straightforward — sample the fill and the shadow tone separately
- The contour line provides shape separation independent of colour, which helps colour-blind users; keep the line and do not rely on fill hue alone
- Keep type off the frame; place it in the layout beside the character
- Alt text should describe what the character is doing, since the action is the content
Agent tags
The machine-readable handles an agent matches on when it picks a direction.
- flat-fill
- closed-line
- character
- two-tone-shading
- explainer
- recolourable
- consistency-cost
Build payload
ProWhat an agent needs in order to actually generate Clean-line cel animation frame — prompt scaffold, constraints, parameters and review.