← Back to patterns
Visual & Generative

Visual Intent Expression

Show It, Don't Describe It

Instead of translating visual intent into words, express it directly: pick colors, toggle style keywords, arrange references, and watch a live preview react. Showing is faster and more precise than telling.

Metaphor

Mood Board

Interaction

Visual, Direct Manipulation

Use case

Brand Design, Style Definition, Creative Direction

Failure mode

Hidden State

Control mechanisms

Color Palette · Style Tags · Reference Grid · Live Preview

Reference examples

Adobe Firefly Style Reference · Midjourney Style Reference (--sref) + Moodboards · Recraft Style Reference

Concept Frame

When everyone uses the same model, everything starts to look the same.

Generic prompting collapses toward the statistical mean. Visual Intent gives the user explicit handles — palette, keywords, mood references — so deviation from the mean becomes the first-class control surface, not an accident.

The AI Look

From the Essay

More individual creativity, less collective variety.

Read “The AI Look”

Interactive Example

The live side-by-side is the comparison.

This prototype already contains the contrast between chat and the pattern response. It stands as the primary comparison surface for this page.

Loading Demo

Preparing the interactive example for this pattern.

Showing is faster than telling, and far more precise.

Forcing visual direction through adjectives is a lossy compression. "Make it warmer, more editorial, a bit retro" asks the model to decode taste from words it was never built to carry — and composition, proportion, and palette nuance fall out of the sentence before it reaches the model.

The mood board lets intent stay visual: pick the actual colours, toggle style keywords, arrange the references, and watch a live preview react. Because the same board configuration yields consistent outputs, the surface becomes a stable instrument rather than a guessing game — you adjust the inputs you can see instead of rephrasing the ones you can't.

When the medium of the intent is visual, translating it to text throws away the signal you most needed to keep.

DOPE Lens

How this pattern improves AI interaction quality.

Observability

The whole intent state reads off the board at a glance — checked swatches, lit keyword chips, each reference's Subtle/Strong setting — no transcript to reconstruct

Directability

Steering happens in the output's own medium: tap a swatch, toggle a keyword, flip a reference from Subtle to Strong — no adjective ever gets typed

Predictability

Every keyword maps to a defined visual move — Geometric snaps the mark to a hexagon, Organic to a blob, Bold thickens the stroke — so a toggle's effect is known before it lands

Explainability

The preview morphs within ~250 ms of each change, so which selection drove which visual shift is demonstrated live, not reverse-engineered from a finished output

Fit

Where it earns its place.

Use it
when

Aesthetic direction matters — composition, palette, references — beyond what adjectives capture.

Avoid
when

The task is primarily verbal or the visual language is already fixed.

In the wild

Where this pattern already ships.

Real implementations from products users already know. Each entry shows how the pattern got applied — what shipped, where it sits in the product, what it traded off.

Research Frame

Why this pattern exists, and where it breaks.

Visual direction gets distorted when forced through adjectives alone.

Capture aesthetic intent through references, palettes, and arrangement.

Text is weak at conveying composition, proportion, and style nuance.

Reference-heavy systems can slide toward mimicry instead of synthesis.

Common questions

What people ask about this pattern.

When should I use the Visual Intent Expression pattern?

+

Aesthetic direction matters — composition, palette, references — beyond what adjectives capture.

When should I avoid the Visual Intent Expression pattern?

+

The task is primarily verbal or the visual language is already fixed.

What problem does Visual Intent Expression solve?

+

Visual direction gets distorted when forced through adjectives alone.

Why is chat the wrong fit for this?

+

Text is weak at conveying composition, proportion, and style nuance.

Grounded in Research

Not just opinion.

The papers, guidelines, and usability studies this pattern rests on.

Squish Meets Structure: Designing with Language Models

Maggie Appleton

maggieappleton.com · talk + essay · 2024

Argues for structured surfaces that contain the "squish" of probabilistic generation. The practitioner-side companion to the academic patterns in this archive.

Related Patterns

Curated connections, not just neighbors.

Hand-picked relationships — what this pattern pairs with in practice, what it replaces, what it builds on, and what builds on it.

  • Often paired with

    Multi-Modal Input

    Visual Intent Expression sets the palette and style; Multi-Modal Input adds a weighted sketch that sets the layout.

  • Often paired with

    Region Lock

    Set the look once, lock the parts that work, regenerate the rest in style.

  • Alternative to

    Inline Prompt Controls

    Visual Intent Expression sets the look with swatches and references; Inline Prompt Controls keep it in the prompt as clickable values.