·7 min read

Nano Banana 2.1: Stitch Hero Art & Logos

Generate hero graphics and vector logos with Nano Banana 2.1 in Stitch: prompt templates, multi-screen consistency, API pricing, and known limits.

S
Stitch Prompt Team
Content Team
StitchAIUI Design

Generating UI in Stitch used to mean exporting image assets — hero art, illustrations, logos — to external tools, then pasting the results back into the project.

On October 6, 2026, Nano Banana 2.1 launched, and Stitch announced same-day support with two named use cases: hero graphics and vector-style logos. Image assets can now be produced inside the Stitch workflow instead of bouncing between tools.

This article focuses on a concrete question: inside the Stitch workflow, how do you generate these two asset types, keep them consistent across screens, and avoid the known traps?

Note: model capabilities and pricing come from public sources; the exact entry points inside Stitch depend on your account and current UI.

1. On October 6, Stitch's Image Engine Changed Generations

Nano Banana 2.1 is built on Gemini 3.6 Flash and improves in three directions:

Three improvements

  • Visual design quality: stronger composition and finish in generated assets.
  • Masked local editing: change a selected area instead of regenerating the whole image.
  • Subject consistency: the same visual subject stays stable across multiple images.

For interface work, subject consistency is the most valuable one: the same illustrated character, mascot, or product shape can hold across pages instead of changing from screen to screen.

2. Using It in Stitch: Hero Graphics

A hero graphic is the face of the first screen. The prompt should cover three things: what to draw, in what style, and where the text goes.

A template you can reuse directly:

Generate a hero illustration for this landing page: abstract geometric shapes
in [brand colors], flat vector style, wide 16:9 crop, leaving negative space
on the left for headline text.

Breaking it down:

  • Replace [brand colors] with your palette, consistent with your DESIGN.md.
  • 16:9 sets the crop ratio, so you do not trim the subject afterward.
  • negative space for headline text reserves the title area, so the image and the copy stop fighting.

3. Vector-Style Logos and Size Constraints

Logo generation differs from hero art in one critical way: engineering constraints. It has to read at 24px in a navbar and still hold up when scaled up.

Template:

Vector-style logo mark for a fintech app called [Name]: minimalist,
single-weight strokes, works at 24px, transparent-background friendly.

Breaking it down:

  • single-weight strokes enforces the even line weight that defines the vector look.
  • works at 24px makes small-size legibility an explicit requirement, not an afterthought.
  • transparent-background friendly pushes toward a plain background that is easy to cut out later.

4. Multi-Screen Consistency: 14 Reference Images, 4 Character Slots

Nano Banana 2.1 fuses up to 14 reference images, including slots for 4 character consistency and 10 object fidelity. In interface terms:

  • Use your main illustrated character as a reference so every screen's artwork matches.
  • Keep lighting and material consistent across a product suite's 3D or vector assets.
  • For local changes, use masked editing instead of regenerating the whole image.

5. Compared with Calling the Gemini API Directly

If you need batch or programmatic generation, you can call the Gemini API directly. The key parameters:

DimensionDetails
Model IDgemini-nano-banana-2.1
Resolution1K / 2K / 4K, default 1K
Reference imagesUp to 14 (4 character consistency + 10 object fidelity)
Thinking levelsminimal / medium / high
PriceAbout $0.0336 per 1K image, roughly half of the previous generation

Rule of thumb: inside Stitch, use Stitch (assets land in the project); for batches and scripts, use the API. Both run on the same model generation.

6. Known Limits and Workarounds

  • Text can blur at 1K: never ship important text inside an image; render titles in HTML/CSS.
  • No 512px tier: 1K is the floor; downscale yourself and check sharpness when smaller sizes are needed.
  • No alpha transparency output: generate on a solid background for logos and cut it out in post.
  • Brand consistency depends on the spec: finalize your DESIGN.md palette before writing prompts that reference it.

7. FAQ

Q1: Does Nano Banana 2.1 cost extra inside Stitch?

Asset generation follows the Stitch account quota system; check official documentation for current pricing and limits.

Q2: Can generated logos be used commercially?

Treat results as a starting point. Adjust them manually and run a trademark search; copyright and trademark compliance are your responsibility.

Q3: Why is text inside generated images always blurry?

Image models render text poorly at small resolutions. Render interface text in real HTML/CSS and keep images for shapes and illustration.

8. Summary

Nano Banana 2.1 brings hero art and logos inside the Stitch workflow: hero graphics set the first-screen mood, vector logos carry the brand mark, and multi-screen consistency keeps assets unified. Chained with your DESIGN.md palette and the CLI workflow, asset production stops being a broken link.

Keep reading:

← ← Back to Blog