Design Modes

Select the right engine for your creative workflow.

Stitch

Stitch isn’t just one AI model; it is a suite of design engines.

In the generation settings, you will find the Design Mode selector. Think of these not just as different “versions,” but as different specialized tools. Some are built for speed, some for raw creativity, and others for deep logic and reasoning.

Thinking with 3 Pro

Best for: Complex logic, deep reasoning, and your “Production” candidate.

This is the heavy lifter. Powered by Gemini 3 Pro, this mode prioritizes reasoning over speed. It takes a little longer to generate because it is “thinking” through the implications of your prompt—how the navigation should flow, what the hierarchy implies, and how the colors interact.

If you are building a complex dashboard or a nuance-heavy landing page, this is where you should be. The wait is worth the pixel-perfect logic it returns.

Redesign (Nano Banana Pro)

Best for: Modernizing old apps, stylistic experiments, and “vibes” based workflows.

The Redesign agent is your best friend when it comes to Vibe Design. It is incredible for taking a dated interface and applying a specific design aesthetic.

The Style Word Bank

The Redesign agent thrives on specific art-direction keywords. Instead of saying “make it look cool,” try combining terms from these categories to define a distinct visual language.

Layout & Structure

  • Bento Grid: Modular, boxy, card-based layouts. Distinct compartments that organize content into a cohesive, grid-like hierarchy.
  • Editorial: High-fashion magazine feel. Large serif headings, generous whitespace, asymmetrical image placement.
  • Swiss Style: Objectively clear. Heavy reliance on grid systems, sans-serif typography (Helvetica-ish), and flush-left text.
  • Split-Screen: Distinct vertical division, often pairing a solid color block with full-bleed imagery.

Texture & Depth

  • Glassmorphism: Translucency, background blur (backdrop-filter), and subtle white borders. “Frosted glass.”
  • Claymorphism: Soft, inflated 3D shapes with inner shadows. Friendly, approachable, and tactile.
  • Skeuomorphic: Realistic textures (leather, paper, metal) and controls that look like physical switches.
  • Grainy/Noise: Adding film grain or texture overlays to gradients to reduce the “digital” shine and add warmth.

Atmosphere & Era

  • Brutalist: Raw, unpolished, default system fonts, high contrast, hard edges. “Ugly-cool.”
  • Cyberpunk: Dark mode, neon accents (cyan/magenta), glitch effects, tech-heavy interfaces.
  • Y2K: Late 90s/Early 2000s optimism. Chrome textures, bubble letters, bright blues and pinks, pill-shaped buttons.
  • Retro-Futurism: 80s Synthwave. Sunsets, wireframe grids, VHS aesthetics, glowing lines.

Color & Contrast

  • Duotone: The entire UI is composed of two contrasting colors (and their shades).
  • Monochromatic: Using a single base hue (e.g., “Shades of Electric Blue”) for a cohesive, branded look.
  • Pastel Goth: Soft, milky pastel colors paired with stark black typography and borders.
  • Dark Mode OLED: True black backgrounds (#000000) rather than dark grey, optimized for high contrast and pop.

PROMPT

  • Action: Redesign this dashboard.
  • Style: Use a modern Bento Grid layout.
  • Details: Dark mode background. Use the Inter font for the headers.

2.5 Pro

Best for: High-fidelity HTML and A/B comparisons.

Gemini 2.5 Pro produces exceptionally high-quality code and design fidelity. It is often useful to generate a prompt in Thinking with 3 Pro and then run the exact same prompt in 2.5 Pro to see two different high-level interpretations of your idea.

Fast

Best for: Rapid wireframing and Figma exports.

The Rapid mode is optimized for compatibility if your primary goal is to export your initial sketches directly to Figma for manual refinement.