20.Compare Stripe, Linear and Notion design systems

Name: Dembrandt
Author: Dembrandt

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

18.Competitor benchmarking 19.Discover a competitor's visual strategy

Browse all

All recipes →

43 workflows