Browse all of Kata

Mascot prompts (retired)

Source docs/design/onboarding-mascot-image-prompts.mdMarkdown

On this page

Superseded 2026-09-30 by brand/ninja-prompt-pack.md. The canon below (red belt, gold #FFD60A, "Mojo") is retired; kept only as history.

Status (2026-07): The mascot images shipped and now live as assets/onboarding/mascot_{ready,ready2,chop,kick}.webp (444px WebP; the 2026-07 onboarding overhaul converted the original ~1.3 MB PNGs and dropped the unused edge-peek pose along with the habits/feedback preview scenes). Keep this doc for regenerating or extending the mascot set.

These prompts are for replacing the hand-built React/SVG mascot in onboarding with polished image assets while keeping the current pose language: ready stance, habits/stats peek, curriculum strike, and feedback edge peek.

The target is a simple, memorable app mascot, not a realistic martial artist illustration. Think: an original 2D martial arts action figure designed for a major consumer app mascot system. It should have the polish and brandability of a big app mascot, but it should not copy any existing brand character.

Asset Direction

Create mascot-only transparent PNGs. Do not bake in onboarding cards, text, labels, icons, phones, charts, or UI panels; the app already renders those around the mascot.

Recommended exports:

  • assets/onboarding/mascot-ready.png
  • assets/onboarding/mascot-habits-peek.png
  • assets/onboarding/mascot-curriculum-strike.png
  • assets/onboarding/mascot-feedback-peek.png

Generation settings:

  • Square canvas, 2048 x 2048.
  • Transparent background.
  • Character centered with 12-16% padding unless the prompt says to bias left or right.
  • Full body visible, except the feedback peek variant can be partially cropped by design.
  • Include a very soft contact shadow under the feet only if it works on transparent PNG.
  • No text, no letters, no logos, no badges, no watermarks.

Shared Style Lock

Use this style paragraph in every prompt:

Original 2D app mascot for a martial arts training app named Mojo. The character should feel like a premium martial arts action figure translated into a flat mobile-app mascot: simple rounded geometric shapes, chunky toy-like limbs, crisp vector edges, sticker-clean silhouette, minimal facial detail, and only 2-3 flat cel-shading shapes. Gender-neutral stylized martial artist wearing an off-white gi, charcoal-black face/undershirt/details, a strong red belt, and one tiny warm gold accent on the belt knot. Brand palette: off-white, charcoal black, red #D62828, gold #FFD60A. Friendly, confident, calm, memorable, and iconic. Polished like a major consumer app mascot, but fully original and not copied from any existing mascot.

Use this negative paragraph in every prompt:

Avoid: realism, photorealism, detailed anatomy, realistic human face, realistic fabric texture, many wrinkles, rendered 3D, painterly illustration, concept art, anime, comic-book style, superhero costume, juvenile cartoon, chibi proportions, toddler-like body, goofy expression, mascot animal, weapons, sparring opponent, injury, bruises, aggressive violence, cluttered motion effects, busy background, dojo room background, UI elements, text, letters, logo, badge, watermark, rough sketch, low-quality clipart.

Prompt 0: Character Reference

Use this first if ChatGPT image needs a stable character before making the pose set.

Create a single full-body character reference image on a transparent background.

Original 2D app mascot for a martial arts training app named Mojo. The character should feel like a premium martial arts action figure translated into a flat mobile-app mascot: simple rounded geometric shapes, chunky toy-like limbs, crisp vector edges, sticker-clean silhouette, minimal facial detail, and only 2-3 flat cel-shading shapes. Gender-neutral stylized martial artist wearing an off-white gi, charcoal-black face/undershirt/details, a strong red belt, and one tiny warm gold accent on the belt knot. Brand palette: off-white, charcoal black, red #D62828, gold #FFD60A. Friendly, confident, calm, memorable, and iconic. Polished like a major consumer app mascot, but fully original and not copied from any existing mascot.

Pose: relaxed neutral ready stance, feet grounded shoulder-width apart, knees slightly bent, hands calmly raised near the torso, as if ready to begin practice. Friendly but disciplined.

Canvas: square 2048 x 2048 PNG, transparent background, full body visible, 14% padding, no props.

Avoid: realism, photorealism, detailed anatomy, realistic human face, realistic fabric texture, many wrinkles, rendered 3D, painterly illustration, concept art, anime, comic-book style, superhero costume, juvenile cartoon, chibi proportions, toddler-like body, goofy expression, mascot animal, weapons, sparring opponent, injury, bruises, aggressive violence, cluttered motion effects, busy background, dojo room background, UI elements, text, letters, logo, badge, watermark, rough sketch, low-quality clipart.

Prompt 1: Welcome / Ready Stance

Create a mascot-only transparent PNG asset for an onboarding screen.

Original 2D app mascot for a martial arts training app named Mojo. The character should feel like a premium martial arts action figure translated into a flat mobile-app mascot: simple rounded geometric shapes, chunky toy-like limbs, crisp vector edges, sticker-clean silhouette, minimal facial detail, and only 2-3 flat cel-shading shapes. Gender-neutral stylized martial artist wearing an off-white gi, charcoal-black face/undershirt/details, a strong red belt, and one tiny warm gold accent on the belt knot. Brand palette: off-white, charcoal black, red #D62828, gold #FFD60A. Friendly, confident, calm, memorable, and iconic. Polished like a major consumer app mascot, but fully original and not copied from any existing mascot.

Pose: composed martial arts ready stance, front three-quarter view. Feet grounded, knees soft, torso upright, both hands in a calm guard near the chest. The character should feel like a trustworthy training companion welcoming the user into practice.

Composition: centered full body, readable at small mobile size, strong clean silhouette, subtle contact shadow only.

Canvas: square 2048 x 2048 PNG, transparent background, 14% padding.

Avoid: realism, photorealism, detailed anatomy, realistic human face, realistic fabric texture, many wrinkles, rendered 3D, painterly illustration, concept art, anime, comic-book style, superhero costume, juvenile cartoon, chibi proportions, toddler-like body, goofy expression, mascot animal, weapons, sparring opponent, injury, bruises, aggressive violence, cluttered motion effects, busy background, dojo room background, UI elements, text, letters, logo, badge, watermark, rough sketch, low-quality clipart.

Prompt 2: Habits / Stats Peek

Create a mascot-only transparent PNG asset for an onboarding screen.

Original 2D app mascot for a martial arts training app named Mojo. The character should feel like a premium martial arts action figure translated into a flat mobile-app mascot: simple rounded geometric shapes, chunky toy-like limbs, crisp vector edges, sticker-clean silhouette, minimal facial detail, and only 2-3 flat cel-shading shapes. Gender-neutral stylized martial artist wearing an off-white gi, charcoal-black face/undershirt/details, a strong red belt, and one tiny warm gold accent on the belt knot. Brand palette: off-white, charcoal black, red #D62828, gold #FFD60A. Friendly, confident, calm, memorable, and iconic. Polished like a major consumer app mascot, but fully original and not copied from any existing mascot.

Pose: curious habits-and-progress pose. The character leans slightly from the left toward an invisible stats card on the right, one hand subtly presenting or pointing toward the empty space, the other arm relaxed. Feet remain balanced in a small martial arts stance, as if inviting the user to track their streak and practice consistency.

Composition: bias the character slightly left within the square so there is open transparent space on the right for app UI to overlap. Full body visible, readable silhouette, polished and calm.

Canvas: square 2048 x 2048 PNG, transparent background, 12% padding.

Avoid: realism, photorealism, detailed anatomy, realistic human face, realistic fabric texture, many wrinkles, rendered 3D, painterly illustration, concept art, anime, comic-book style, superhero costume, juvenile cartoon, chibi proportions, toddler-like body, goofy expression, mascot animal, weapons, sparring opponent, injury, bruises, aggressive violence, cluttered motion effects, busy background, dojo room background, UI elements, text, letters, logo, badge, watermark, rough sketch, low-quality clipart.

Prompt 3: Curriculum / Strike

Create a mascot-only transparent PNG asset for an onboarding screen.

Original 2D app mascot for a martial arts training app named Mojo. The character should feel like a premium martial arts action figure translated into a flat mobile-app mascot: simple rounded geometric shapes, chunky toy-like limbs, crisp vector edges, sticker-clean silhouette, minimal facial detail, and only 2-3 flat cel-shading shapes. Gender-neutral stylized martial artist wearing an off-white gi, charcoal-black face/undershirt/details, a strong red belt, and one tiny warm gold accent on the belt knot. Brand palette: off-white, charcoal black, red #D62828, gold #FFD60A. Friendly, confident, calm, memorable, and iconic. Polished like a major consumer app mascot, but fully original and not copied from any existing mascot.

Pose: dynamic but controlled side kick to the right, inspired by traditional martial arts curriculum practice. One leg planted firmly, the other leg extended in a clean horizontal kick, hips aligned, upper body balanced, one fist chambered and one hand guarding. The expression and body language should communicate focus and skill, not combat aggression.

Composition: full body visible, kick direction to the right, strong clean diagonal energy, enough transparent space around the extended foot so it does not crop. The asset should still read clearly when displayed around 130-150 px tall in a mobile onboarding illustration.

Canvas: square 2048 x 2048 PNG, transparent background, 12% padding.

Avoid: realism, photorealism, detailed anatomy, realistic human face, realistic fabric texture, many wrinkles, rendered 3D, painterly illustration, concept art, anime, comic-book style, superhero costume, juvenile cartoon, chibi proportions, toddler-like body, goofy expression, mascot animal, weapons, sparring opponent, injury, bruises, aggressive violence, cluttered motion effects, busy background, dojo room background, UI elements, text, letters, logo, badge, watermark, rough sketch, low-quality clipart.

Prompt 4: Feedback / Edge Peek

Create a mascot-only transparent PNG asset for an onboarding screen.

Original 2D app mascot for a martial arts training app named Mojo. The character should feel like a premium martial arts action figure translated into a flat mobile-app mascot: simple rounded geometric shapes, chunky toy-like limbs, crisp vector edges, sticker-clean silhouette, minimal facial detail, and only 2-3 flat cel-shading shapes. Gender-neutral stylized martial artist wearing an off-white gi, charcoal-black face/undershirt/details, a strong red belt, and one tiny warm gold accent on the belt knot. Brand palette: off-white, charcoal black, red #D62828, gold #FFD60A. Friendly, confident, calm, memorable, and iconic. Polished like a major consumer app mascot, but fully original and not copied from any existing mascot.

Pose: encouraging feedback peek. The character is positioned on the right side as if leaning in from just outside an app panel, one hand lightly raised in a supportive coaching gesture and the other arm relaxed. Stance is grounded and balanced, with a subtle martial arts posture. The mood is "nice rep, here is the next thing to improve" rather than silly celebration.

Composition: bias the character to the right side of the square. It is okay for the far right elbow or shoulder to feel close to the edge, but keep the face, belt, hands, and feet visible. Leave transparent space on the left for app cards to overlap.

Canvas: square 2048 x 2048 PNG, transparent background, 12% padding.

Avoid: realism, photorealism, detailed anatomy, realistic human face, realistic fabric texture, many wrinkles, rendered 3D, painterly illustration, concept art, anime, comic-book style, superhero costume, juvenile cartoon, chibi proportions, toddler-like body, goofy expression, mascot animal, weapons, sparring opponent, injury, bruises, aggressive violence, cluttered motion effects, busy background, dojo room background, UI elements, text, letters, logo, badge, watermark, rough sketch, low-quality clipart.

If It Still Looks Too Real

Add this sentence near the top of the prompt:

Make it simpler, flatter, and more iconic: use only about 8-12 major shapes total, no realistic fabric folds, no realistic face, no individual fingers, no textured rendering, no detailed lighting, and no painterly shading.

Acceptance Checklist

  • Same character across all four images.
  • Looks credible as martial arts practice, not random action poses.
  • App-safe at small size: silhouette reads at 130-150 px tall.
  • Transparent PNG, no baked-in cards or text.
  • Red belt is visible and consistent.
  • Simple enough to be a recognizable app mascot, not a detailed illustration.
  • Polished enough for a real consumer app; not childish, not realistic, not clipart.