pricing-page-design

Installation
SKILL.md

Pricing Page (High‑Conversion) — Web Design Skill

Before you design/write

  1. Offer + audience: What problem does the product solve? Who is the buyer?
  2. Plans: How many tiers? What differentiates them? Usage-based or flat?
  3. Objections + risk: What stops someone from signing up? (price, trust, complexity)
  4. Proof: Logos, testimonials, case studies, metrics available?
  5. Traffic context: Organic? Paid? Referral? Affects messaging urgency.

Core structure

Above the fold (must)

  • Headline: value proposition, not "Pricing"
  • Subheadline: who it's for + key benefit
  • Plan cards: name, price, CTA, 3–5 key features
  • Highlighted plan: visual emphasis on recommended tier
  • Toggle: monthly / annual (show savings)
Installs
2
GitHub Stars
58
First Seen
Apr 18, 2026
pricing-page-design — bidewio/better-openclaw