Three-Tier Pricing Comparison — Anchored Middle-Plan Variant
A three-column pricing comparison with the middle tier visually emphasized as the recommended plan, pilots a B2B SaaS pricing page but the pattern fits any business with three plan tiers and a clear default recommendation.
Best for: SaaS businesses, course platforms, and membership operators with three real tiers who want most buyers nudged toward the middle plan.
Live preview — scroll inside the frame to see the full page.
What it does
- Three-column plan layout — three plans sit side by side with matching row labels for clean horizontal comparison
- Middle-tier visual anchor — the recommended plan stands taller, has an accent color, and carries a "most popular" badge
- Feature row alignment — every feature appears as a row across all three plans, with checkmarks, dashes, or values per cell
- Per-tier CTA — each plan has its own button so buyers can commit to their chosen tier directly
- Optional billing cycle switch — a small toggle can flip all three plans between monthly and annual billing
- Bottom contact-sales fallback — a quiet line below the table points enterprise buyers to a sales conversation
Best use cases
- SaaS businesses — running standard three-tier pricing with a recommended middle plan
- Course platforms — offering individual, team, and enterprise tiers
- Membership site owners — comparing basic, plus, and premium memberships
- Tools and apps — anchoring the most popular plan to channel new buyers there
- Coaching and consulting platforms — surfacing self-serve, supported, and premium tiers in one comparison
What you can change with your DNA
When you run this through the remix skill, your CCOS DNA — brand, voice, audience — drives these decisions automatically:
- Colors — slots for the section background, three plan-card backgrounds (middle accented), badge color, feature checkmark color, and the CTA buttons
- Fonts — one professional font with a heavier weight for plan names and prices and a regular weight for feature rows
- Copy — plan names, prices, the recommended badge, every feature row label and per-plan value, three CTAs, and the contact-sales fallback line
- Images — optional small icons per feature row; otherwise text-only
- Behavior — choose which tier is anchored, whether the billing cycle toggle is included, and how plans collapse on mobile
How remixing works
From "swiped it" to "shipped it" in three steps.
Pick a remix
Browse the library, find one that fits — like this one.
Run it through your DNA
The remix skill uses your CCOS DNA to swap colors, fonts, copy, and structure so it lands as yours.
Ship it
Paste the finished HTML into Thinkific, Kajabi, WordPress, or any platform that takes embed code.
Create a new list
Save your favorites
Email me a magic link and I'll add this to your favorites list.