Psychology of a $1M Landing Page
Landing-page structure explained through named cognitive effects and where each applies
Tier B · UsefulArticleReferencex.com
A breakdown of high-converting landing pages organized by the cognitive principle behind each structural choice. It covers the serial position effect (strongest claim in the hero, strongest proof or urgency right before the final CTA, details in the forgettable middle), the Von Restorff effect (the CTA must break the visual pattern — the Stripe example of a contrasting button on a blue gradient), cognitive load theory (working memory holds about four items, so 3-4 bullets per section and icon grids instead of text lists), and social proof cascading, where placement matters more than testimonial quality. For anyone deciding section order rather than section styling.
For an agent
Reach for this when you are ordering the sections of a marketing page, which is the decision templates make for you and usually make badly — it tells you what belongs first, what belongs last, and that the middle can absorb detail. It pairs with the 48-laws checklist: this one sets sequence and density, that one sets the per-element thresholds. The conversion percentages in it are unsourced rhetoric, so use the structural rules and drop the numbers.
Why it is here. It converts landing-page folklore into a small set of named effects, which makes the reasoning transferable to layouts the article never mentions.
Facts
- License
- Unknown
- Pricing
- Free, Free but account required
- Framework
- Not applicable
- Styling
- Not applicable
- Distribution
- Article, thread, or post
- Platform
- Web, Social / marketing creative
- Content type
- Prose / writing
- Agent readiness
- Blocks bots
- Accessibility
- Not applicable
- Maturity
- Stable
Helps you build
4Notable for
- serial position effect for section order
- Von Restorff CTA contrast
- four-item working memory limit
- social proof placement over quality
Provenance
Verified 2026-08-15. not fetched by policy — x.com content supplied pre-enriched; classification derived from the supplied full article text
Also in Essays, Guides & Courses
6- Codrops · Creative front-end tutorials, demos, and a 2,000-site showcase, running since 2009
- Refactoring UI · 218-page design book for developers: 50 chapters of concrete UI tactics, plus assets
- Stripe Press · Stripe's book imprint: 19 titles on technology, science and progress
- a11yphant · Free interactive coding challenges that teach web accessibility basics
- AI-Native Designer · Defines AI-native vs AI-augmented design work and the five workflow shifts between them
- Building Glass for the Web · How Aave built a cross-browser refractive glass effect with feDisplacementMap