Curated from CXL's audits, Lenny Rachitsky's newsletter, Land-Book's top-voted pages, and the indie maker community. Each entry: what works, what to steal, and the expert quote that justifies the pick.
🧠 Expert-validated
📐 What works · what to steal
🎯 Filter by category
How to use this: Don't copy. Steal patterns. Each card shows what ONE specific design or copy decision the page made — and how to apply it to YOUR product. Linear's tribe-membership headline works because they earned the right via specificity — not because the word "Linear" appears. Pattern over surface.
linear.app
Linear is a purpose-built tool for planning and building products
Start building →
01 · Linear
linear.app
Dev tools
What works
Tribe-membership specificity. "Purpose-built" + "planning AND building" reads to engineers as "this person gets us, not generic PMs". Black background, monospace accents, no marketing speak.
Steal for your page
Pick a word that the WRONG users will reject. "Purpose-built" excludes hobbyist teams. Specificity = self-selection = qualified traffic.
"Linear earns its conversion by being unapologetically specific. They speak to engineers and product teams, period."— Framiq 2026 SaaS landing page analysis
The animated gradient hero. Real payment flows visualized in real time. Each product gets its own section with code snippets + product screenshots. The product proves itself before any testimonial loads.
Steal for your page
Show your product DOING the thing in the hero, not describing it. One real product screenshot beats five hero illustrations.
"Stripe's landing page has been an industry benchmark for years — the gradient hero with animated payment flows is the gold standard for SaaS."— Framiq 2026
The product is the design system. Blocks, drag handles, light pastels — Notion's site uses the product's own visual language as the design. Playful without being childish. The visual language IS onboarding.
Steal for your page
Whatever your product's visual language is — make the landing page use it. Cohesion = trust.
"Notion's site is a masterclass in self-referential design. Their visual language IS the product onboarding."— Grid Rebels 2026 analysis
Animated gradients + interactive demos. Hover a code block, see the live preview. Vercel turns a technical product into a VISUAL experience without slowing the page.
Steal for your page
If your product is technical, add ONE interactive demo above the fold. Show the input → output transformation in real time.
"Vercel proves you can make infrastructure feel like a luxury product. Their interactive demos are textbook."— Sanjay Dey, SaaS Website Design 2026
The hero IS a Loom video. The product demos itself — autoplay-muted, 30 seconds, captioned. By second 4 you understand the product. The most efficient hero in B2C SaaS.
Steal for your page
If your product is video-based or demo-able, lead with a 30-sec autoplay-muted video. Show, don't tell, faster than copy can.
Restraint as positioning. No buzzwords. No "next-gen banking." Just typography + product UI + named customers (Notion, Linear, Substack). Premium feel without pretending to be JPMorgan.
Steal for your page
If your product is in a category dominated by giants, position via RESTRAINT. What you remove is what makes you premium.
One word: speed. Every section, every animation, every CTA reinforces the same single promise. The entire page is a proof point for "fastest." Mono-positioning done perfectly.
Steal for your page
Pick ONE word that defines your product. Then make EVERY section prove it. If your page has 3 promises, you have 0.
Designed by designers, for designers. The hero animates as you scroll. The typography is huge. The CTA is unmissable. Self-referential proof: "we built our site IN our product."
Steal for your page
If your product can build the page, mention it. "Built with [our product]" is the highest-trust signal possible.
Scrappy authenticity. Hand-drawn doodles, no corporate gloss, real engineering blog posts on the homepage. Developer-audience trust comes from looking not like marketing.
Steal for your page
If your audience hates marketing-y pages (devs · indie makers · founders), look intentionally scrappy. Imperfection is credibility.
Emotional positioning. "Nothing great is made alone" is a values statement, not a feature claim. Figma owns COLLABORATION as a category by claiming the emotional territory.
Steal for your page
If your product owns a values-territory (collaboration · trust · ease), make your headline a values-statement. Values resonate longer than features.
Reframe the category. Webflow positions itself as "engineered" — taking the dev-feeling word and giving it to designers. The category capture is the win.
Steal for your page
Steal a word from an adjacent category. "Engineered" was a dev word. Now it's Webflow's. What word can your product capture?
Crystal-clear category claim. "The AI Code Editor" — note "THE", not "an". Then below: testimonials from named devs at named companies (Shopify, Vercel, OpenAI). Authority by association.
Steal for your page
Use "THE" (not "an") in your category claim if you can defend it. "The" is a positioning bet. Then back it with named-customer testimonials.
The product name IS the value prop. "Build something Lovable" makes the brand name into a verb. Hero is a working text input — type your idea, see it build. Proof-of-concept as hero.
Steal for your page
If your brand name is also a noun/adjective, use it as the verb in your CTA. "Make it Resend." "Build something Lovable." "Go Linear."