Skip to main content
Home/Recipes/Compare Stripe, Linear and Notion design systems
Competitive Research

Compare Stripe, Linear and Notion design systems

DesignerPMDeveloper

Overview

Extract design tokens from three of the most-referenced product design systems and compare them. Stripe's precision, Linear's density, Notion's openness -- in actual numbers.

Stripe, Linear and Notion are the most-studied product design systems in 2026. Stripe is known for its precise, high-contrast palette and tight type scale. Linear for its dense, dark UI with sharp geometry. Notion for its airy, humanist layout. Extract all three and compare the actual token values behind these reputations -- color temperature, spacing base, type scale steps, border radius. The data replaces impressions with measurements.

Extract Stripe

Terminal
dembrandt stripe.com --crawl 3 --save-output

Extract Linear

Terminal
dembrandt linear.app --crawl 3 --save-output

Extract Notion

Terminal
dembrandt notion.so --crawl 3 --save-output
Agent prompt
# Load all three extractions, then:
"Compare the design systems of Stripe, Linear and Notion.
Output a structured table:
DIMENSION | STRIPE | LINEAR | NOTION
Primary color
Color temperature (warm/cool/neutral)
Base font size
Type scale steps
Base spacing unit
Border radius (default)
Shadow depth (flat/subtle/elevated)
UI density (tight/medium/open)
For each cell, use the actual extracted token value.
End with one sentence per product: what the visual language communicates."
Output

Side-by-side token comparison of three benchmark design systems with actual values.

More in Competitive Research

Competitor benchmarkingDiscover a competitor's visual strategy

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