Skip to main content
Home/Recipes/Discover a competitor's visual strategy
Competitive Research

Discover a competitor's visual strategy

PMDesignerMarketing

Overview

What visual language does each competitor use before a user reads a single word? Extract tokens from multiple brands in the same category, then ask an AI agent to compare color temperature, type personality, and UI density.

Every design system communicates a personality before a user reads a word: color temperature (cool, warm, neutral), type personality (geometric precision, humanist warmth, transitional authority), UI density (open and airy vs. information-dense), and border treatment (sharp and technical vs. rounded and approachable). Extract tokens from three to five competitors in the same market category, then ask an AI agent to analyze what each brand communicates through its visual choices. This is market positioning research done with actual data instead of subjective impressions.

Extract competitor A

Terminal
dembrandt stripe.com --save-output

Extract competitor B

Terminal
dembrandt linear.app --save-output

Extract competitor C

Terminal
dembrandt notion.so --save-output
AI agent prompt
# If brand-visual-language skill is installed, activate it first.
# Load all three extractions, then:
"Compare the visual strategy of these three products.
Output a structured table:
DIMENSION | BRAND A | BRAND B | BRAND C
Color temperature| warm/cool/neutral
Type personality | humanist/geometric/transitional
UI density | tight/medium/open (note px spacing base)
Border treatment | sharp/rounded (note px radius base)
Shadow depth | flat/subtle/elevated
For each dimension, note the specific token values that drive the conclusion.
End with one sentence per brand: what it communicates before a user reads a word.
Flag any dimension where two brands are within 10% of each other as ≈ (similar)."
Output

Visual strategy analysis: brand tone, density positioning, and design language compared across competitors.

More in Competitive Research

Competitor benchmarkingCompare Stripe, Linear and Notion design systems

Browse all

All recipes →

52 workflows

Continue reading

Getting started

Install Dembrandt and turn any public website into a complete set of design tokens in under 2 minutes. All you need is Node.js and a terminal.

Read more

MCP

Use Dembrandt as a tool inside Claude Code, Cursor, Windsurf, or any MCP-compatible editor. Your agent extracts live design tokens automatically when you ask.

Read more

Skills

30 UX and design system skills for AI agents. Install once, your agent designs with hierarchy, WCAG standards, and brand accuracy. The UX knowledge that normally costs senior consultant days.

Read more