Skip to main content
Home/Recipes/Improve a Google Stitch prompt with brand context
AI Pipelines

28.Improve a Google Stitch prompt with brand context

DesignerDeveloper

Overview

Generic prompts produce generic-looking UI. Extract the brand's tokens first, then inject them into your Stitch prompt. The output matches the actual brand instead of defaulting to Material or Tailwind styles.

Google Stitch generates UI from natural language descriptions, but without explicit brand parameters it falls back to Material Design conventions or generic styles. The output is functional but visually disconnected from the actual product brand. Extract the brand's tokens with Dembrandt, then include specific values (primary color, font family, base type size, border radius) directly in the Stitch prompt. The generated UI now reflects the real brand identity rather than a plausible-looking but off-brand approximation.

Extract brand tokens

Terminal
dembrandt brand.com --json-only
Google Stitch prompt
# Include extracted values in your Stitch prompt:
"Design a [screen name] using these brand tokens:
Primary: #133174 | Background: #0A0A0F
Font: [extracted family] | Base size: [extracted size]
Radius: [extracted radius]
Match the visual language of the extracted design system."
Output

Stitch output that reflects the real brand palette and type system.

Browse all

All recipes →

43 workflows