Tutorials
Create a brand mascot for marketing assets
Build a recurring mascot character that also obeys your brand (logo, palette, products) in every render. Useful for SaaS landing pages, ad creative, social posts. ~15 minutes, ~20 credits.
Brand Kits is in private design. The brand-kit hub is currently open to a small set of design partners while we learn from real workflows. Drop your email to get early access → and we’ll reach out. The mascot + storybook steps below (everything from Step 2 onward) work for everyone today.
What you’ll build
A friendly mascot for “Acme Coffee” — a stylized animated character who shows up holding the exact Acme logo cup, rendered in the brand palette across web hero, social, and product-photo scenes. Mascot identity locked. Brand kit locked.
Step 1 — Build the brand kit (5 min, free)
- Go to /brand-kit — if you’re in the beta you’ll land on the hub; otherwise the page collects your email so we can get you in.
- Logos & icons → upload your logo (SVG ideal, PNG with transparent background works). Pick a variant: Primary (dark bg) or Primary (light bg).
- Colors → add at least three swatches with role tags:The contrast checker auto-runs on the primary + accent + background combinations once all three roles are present.json
[ { "name": "espresso", "hex": "#3B1F0F", "role": "primary" }, { "name": "cream", "hex": "#F4E6CE", "role": "background" }, { "name": "accent-red", "hex": "#C9322E", "role": "accent" } ] - Voice & tone → add a few personality tags (Warm, Premium, Playful) and 2-3 Do/Avoid rules.
- Art direction (optional but high-leverage) → pin one line for illustration style and/or photography style. Example: “Photoreal hero shots, warm natural light, real materials, shallow depth of field.” This prepends to every generation, so you don’t restate it per prompt.
- Image rules (optional) → add visual do/don’ts. Example: “Always show cups with the logo facing camera” or “Never combine more than 3 brand colors per image.”
- Guidelines & docs → if you have a brand-guidelines PDF, drop it in. Hex codes get auto-extracted into the Colors section for review — saves typing.
Step 2 — Create the mascot (5 min, 5 credits)
- Go to /dashboard → Create Character.
- Fill in:
- Name:
Beanie - Description: A small stylized coffee bean character with thin arms and legs, a warm smile, and a barista’s apron in cream and espresso colors. Cute but not childish — vibe of a premium specialty brand mascot, not a kids’ cartoon.
- Art style:
modern flat illustration, clean vector lines, soft shading
- Name:
- Continue → auto-fill descriptor → generate 5-pose reference sheet → lock.
Step 3 — Generate a brand-locked scene (1 min, 2 credits)
Now compose mascot + brand kit in one scene. From the API:
bash
CHAR_ID="<beanie character uuid>"
KIT_ID="<acme brand kit uuid>"
curl -X POST https://steadyshot.ai/api/generate \
-H "Authorization: Bearer ss_live_xxxxxxxxxxxxxxxx" \
-H "Content-Type: application/json" \
-d "{
\"character_id\": \"$CHAR_ID\",
\"brand_kit_id\": \"$KIT_ID\",
\"prompt\": \"Beanie standing in a warm café, holding the Acme Coffee takeaway cup, morning light through the window\"
}"Credit cost is 2 (1 for character, 1 for brand composition). The rendered image shows Beanie holding the EXACT Acme cup with Acme branding, palette, and the rest of your kit obeyed.
Step 4 — Build a full asset set (10 min, ~10 credits)
Use the storybook endpoint to fan out a campaign in one call — each “page” becomes one asset:
bash
curl -X POST https://steadyshot.ai/api/storybook \
-H "Authorization: Bearer ss_live_xxxxxxxxxxxxxxxx" \
-H "Content-Type: application/json" \
-d "{
\"character_id\": \"$CHAR_ID\",
\"art_style\": \"modern flat illustration\",
\"pages\": [
\"Beanie waving from a barista counter — wide hero shot for a landing page\",
\"Beanie holding the Acme cup and giving a thumbs-up, transparent background\",
\"Beanie sitting on a coffee bean pile, reading the morning paper — for an Instagram square\",
\"Beanie running with a tray of Acme cups, motion blur — for a delivery promo banner\",
\"Beanie waving good-night next to a moon, scarf flowing — for an evening email header\"
]
}"Storybook endpoint chains pages by default, which keeps the mascot’s posture, cup style, and lighting palette consistent across the whole set. Output is 5 image URLs you can drop straight into Figma, Webflow, etc.
Step 5 — Use anywhere
- Figma — install the SteadyShot plugin (see Figma docs), pick Beanie, regenerate per-frame in your design file. Identity stays consistent across hero, footer, social cards.
- Photoshop — load Beanie + Acme into the Photoshop plugin for layered comp work.
- Claude Desktop (MCP) — just ask Claude: “Give me a Beanie + Acme image for a Black Friday banner — bold colors, big sale graphic”. Claude calls
generate_scenewith both ids.
Pro tips
- Lock both before scaling. A draft brand kit or character can drift between renders. Locking pins the descriptor + assets so identity stays tight.
- Persist art style. Pass
art_styleon every generation (or set it on the character) so 4 weeks from now your mascot still ships flat-vector, not photoreal. - Bound your palette with brand voice + palette together. The brand QA rubric scores palette drift; consistent palette across all renders is the difference between “feels on-brand” and “just AI slop”.