pricing-page

Installation
SKILL.md

Pricing Page Design

Layout

  • 2-4 tiers side by side (3 is the sweet spot)
  • Recommended plan highlighted (border, badge, or background)
  • Annual/monthly toggle (show savings for annual)
  • Feature comparison matrix below for details

Psychology

  1. Anchoring: Put the expensive plan first (left) so others feel reasonable
  2. Decoy: The middle plan should be the best value (slightly more than basic, much less than premium)
  3. Social proof: "Most Popular" badge on the plan you want people to choose
  4. Loss aversion: Show what they miss on lower tiers, not just what they get
Installs
2
GitHub Stars
11
First Seen
Jul 18, 2026
pricing-page — dragoon0x/everything-design-taste