Two Plans

About this block

Two Plans is the simplest version of the choice: a free tier and a paid tier, side by side, with nothing else competing for attention. An uppercase eyebrow and a short headline open the section, then two large cards do the rest, a light free card next to an inverted paid card, each carrying a one line pitch, a price, and a single pill button. A quiet link below points anyone with a bigger need toward group pricing.

The paid card is built from theme tokens rather than a brand color, so it reads as a confident dark panel on a light page and flips in dark mode. There is no feature list inside the cards, which keeps the decision down to price and fit and makes the block a fast, low pressure close.

When to use

Reach for this block when the product has exactly two plans and you want the choice to feel effortless, free to get going, paid to go further. It works as the pricing moment on a Modern SaaS landing page or as a compact standalone pricing page, especially when a long feature table would be more than the decision needs.

A natural flow around it on a Modern SaaS page:

Before

• A feature section to show what the paid tier unlocks
• An FAQ section to clear the last questions

After

• A footer to close out the page

What you can display

The obvious fit is a free tier beside a single paid upgrade, each with a price and a CTA. A few other ways to use the frame:

• Personal and team. Frame the two cards as individual versus team rather than free versus paid when that maps better to how you sell.
• Plan badge. Use the pill next to the brand name to flag the tier, like Plus, Pro, or Team, so the paid card names itself.
• Secondary path. Point the link below at group pricing, a sales contact, or an enterprise page for the buyers who need more than two plans offer.

Tip: keep each card to a single sentence of positioning so the two prices stay the focus and the choice reads at a glance.