About
Log inSubscribe

UX Teardowns

Homepages, pricing and feature flows, taken apart and scored

Every capture is broken down into the patterns it uses and scored 1–5 against a published design rubric, with each score anchored to something actually on the page. Take the patterns into your next design review, or the scores into the conversation about why your own pricing tiers aren’t landing.

Read the newsletter
Airbnb homepage captureAirbnbVercel pricing captureVercel pricingCoinbase homepage captureCoinbaseCursor pricing captureCursor pricingShopify homepage captureShopifyMiro pricing captureMiro pricingRamp homepage captureRampSupabase pricing captureSupabase pricingMonday.com homepage captureMonday.comHubSpot pricing captureHubSpot pricingNetflix homepage captureNetflixAtlassian pricing captureAtlassian pricing
Stripe pricing captureStripe pricingDiscord homepage captureDiscordFigma pricing captureFigma pricingOpenAI homepage captureOpenAIDuolingo pricing captureDuolingo pricingCanva homepage captureCanvaRetool pricing captureRetool pricingIntercom homepage captureIntercomZapier pricing captureZapier pricingPostHog homepage capturePostHogAirtable pricing captureAirtable pricingNotion homepage captureNotion
Perplexity homepage capturePerplexityAnthropic pricing captureAnthropic pricingUber homepage captureUberGitHub pricing captureGitHub pricingSpotify homepage captureSpotifyLinear pricing captureLinear pricingCloudflare homepage captureCloudflareSlack pricing captureSlack pricingAsana homepage captureAsanaRobinhood pricing captureRobinhood pricingDropbox homepage captureDropboxWebflow pricing captureWebflow pricing

Homepages, pricing pages, AI feature flows and search experiences. Every one broken into the patterns it uses and scored against the published rubric — searchable by pattern, so you can see everyone who has already tried the thing you are considering.

500+

homepage, pricing and AI feature teardowns

4

categories: homepage, pricing, AI features and search

1–5

per dimension, each score evidenced against the page

Visual search

Ask a design question, see the answer

Ask across every homepage, pricing and AI feature teardown, and the answer arrives with real UX components placed right next to the point they prove, drawn from a library of 4,000+ taken from real product pages.

4,000+UX components from homepage, pricing and AI feature teardowns

Visual search

Searches homepage, pricing and AI feature teardowns

How do products let users approve an AI's action?
Ask a follow-up…
Try asking

UX Scan

Score your own designs against our UX benchmarks

UX Scan is the library pointed at a page of your choosing. Paste a URL — your product, a competitor, something you shipped last week — or upload a screenshot. It captures the full page, works out whether it is a homepage, a pricing page or something else, and scores it on the rubric that matches. What comes back is a report: a score per dimension with the evidence behind it, and your position against every page already in the library.

UX Teardowns › Scan

Scan a page

Homepages and pricing pages are benchmarked against every tracked company. Anything else gets a general UX health check.

Page URLhttps://example.com/pricing
Page typeDetect automatically
Uses 8 credits · takes up to a minuteScan page

Capturing page…

Two ways in, and it works out the rest. A URL is captured for you; an image is scored as-is. Page type is detected automatically and you can override it, because the type decides which rubric runs — and a mis-detected page is the one thing that makes a scan read oddly.

Insights

Monitor how the whole market designs, not just one page at a time

Every page that gets scored rolls up into a view of the market: which homepage approach actually dominates, how far AI has moved up the page, what teams typically score on each dimension, and how pricing is structured underneath it.

Insights › Homepage design trends144 homepages
Product-led69Leads with the product itself
Conversion-led37Built around a single action
Hybrid23Product proof plus a sales path
Editorial-led8Argument first, product second
Brand-led7Positioning over demonstration

Archetype assigned per capture with a confidence rating, from the same rubric every homepage is scored against.

Product-led wins by a distance — but it is not the default. Nearly half of them lead with the product itself, which is worth knowing before you commit to a hero built around a promise instead of a screenshot.

Insights › Visual searchasked across the library
How are companies displaying social proof?NotionLogo row, under the heroLinearCustomer count, below the tiersCanvaLogo row, after the comparison tableDeelMetrics block, near the footFigmaLogo row, below the FAQ

Ask the library a design question and get the range, not one example. Because every page is captured and scored the same way, a question about how something is designed comes back as the spread of approaches actually in use — including the pages that do not do it at all.

The rubric

A product-led rubric

Each kind of page is scored against its own dimensions — a homepage on four, a pricing page on three, anything else on a general set — and every score has a written definition behind it, so a 2 and a 5 mean the same thing on every page judged the same way. Pick a dimension and move the score to see what the rubric is actually looking at.

Four dimensions. Every tracked homepage is scored on these.

Whether the hero tells you what this is, who it is for, and why it is different.

A slogan and nothing else. No category, no audience, no claim.

Cannot tell what the company does after reading the hero

A growing library

500+ teardowns and 4,000+ UX components — homepages, pricing, AI features and more

PricingStripeScores 85 / 100
Stripe pricing capture

Transparent per-transaction pricing, no sales call

Price transparency5
Tier clarity4
Comparison density4
AI packaging clarity4
Transparent default pricingInteractive calculatorProgressive complexity
AI FeaturesFigmaAI Design Agent
Figma ai features capture

An agent that works on the canvas, not in a sidebar

Capability framing4
Trust & control4
Discoverability3
Output editability5
Native-canvas embedding, not a sidebarDesign-system-aware generation
SearchNetflixNatural Language Search
Netflix search capture

Search by mood, act on the result immediately

Query expressiveness5
Result relevance4
Path to action5
Mode legibility3
Mood-phrase query over title/genre matchImmediate action from results, no detour to a detail page
HomepagePostHogProduct-led
PostHog homepage capture

Shift your product into self-driving mode

Proposition clarity4
Visual hierarchy3
Distinctiveness5
Information density4
Left sidebar navigation menuProduct demonstration showcaseSocial proof statement
HomepageDeelConversion-led
Deel homepage capture

Hire, manage, pay, & equip anyone, anywhere.

Proposition clarity5
Visual hierarchy4
Distinctiveness3
Information density4
Hero section with dual layoutDual review badgesLogo wall social proof
HomepageLinearProduct-led
Linear homepage capture

The product development system for teams and agents

Proposition clarity4
Visual hierarchy3
Distinctiveness4
Information density4
Live product UI in the heroNamed agents beside human teammatesDecimal section numbering

See more of the platform

Product intelligenceWhat leading product teams actually shipped this week.Strategy thought partnerAsk the questions that decide a quarter, and get the evidence.Org design and simulatorModel a reorg before you run it.

Have your own homepage and pricing page scored.

Read the newsletter