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
Linear homepage captureLinearFigma homepage captureFigmaOpenAI homepage captureOpenAINetflix homepage captureNetflixRamp homepage captureRampCloudflare homepage captureCloudflareMiro homepage captureMiroPostHog homepage capturePostHogSlack homepage captureSlackDropbox homepage captureDropboxCoinbase homepage captureCoinbaseAirtable homepage captureAirtable
Stripe homepage captureStripeVercel homepage captureVercelAirbnb homepage captureAirbnbSpotify homepage captureSpotifyCursor homepage captureCursorDuolingo homepage captureDuolingoMonday.com homepage captureMonday.comRetool homepage captureRetoolDiscord homepage captureDiscordZapier homepage captureZapierRobinhood homepage captureRobinhoodAtlassian homepage captureAtlassian
Notion homepage captureNotionAnthropic homepage captureAnthropicShopify homepage captureShopifyCanva homepage captureCanvaGitHub homepage captureGitHubIntercom homepage captureIntercomPerplexity homepage capturePerplexitySupabase homepage captureSupabaseReddit homepage captureRedditHubSpot homepage captureHubSpotAsana homepage captureAsanaUber homepage captureUber

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.

260+

homepage and pricing experiences captured and scored

4

categories: homepage, pricing, AI features and search

1–5

per dimension, each score evidenced against the page

The platform

Every capture, scored against the same rubric

⬤app.departmentofproduct.com
UX Teardowns

UX Teardowns

Structured examples of homepage, pricing, AI feature, and search experiences from leading SaaS and AI products — tagged by pattern and scored.

260+ teardowns logged

Showing 4 of 4 · select a capture to see how it scored

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 › Advanced 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

250+ UX patterns — homepages, pricing, AI features and more

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
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

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