Pricing With Cost Chart

About this block

Pricing With Cost Chart turns the pricing model into the argument. The plan summary states the position, flat where others multiply, with the price and its seat ceiling, while the shadcn bar chart shows total monthly cost at four team sizes, Acme flat, the typical stack climbing, with the sourcing footnote naming where the comparison prices came from.

Built on ui/chart with a two key config. The chart makes the per seat punishment visible in a way prose cannot, the gap at 20 people is the hiring tax. Keep the footnote honest, this chart will be checked.

When to use

Reach for this block on pricing pages when your model is the differentiator, flat versus per seat, or any structure that wins as customers grow. It is the chart powered sibling of cost-breakdown-bars, that block sums a stack, this one scales it.

A natural flow around it on a Marketing Pro page:

Before

• Pricing tiers stating the plans plainly first

After

• Calculators letting readers run their own size
• FAQs for the what counts as a seat questions

What you can display

One strong use is flat plan versus per seat stack by team size. Other scalings:

• Volume pricing. Cost at four send volumes against overage heavy competitors.
• Storage growth. Cost as data grows for a flat storage product.
• Usage tiers. API pricing at four traffic levels against metered rivals.

Tip: pick team sizes that bracket your buyers, the column where the reader finds themselves is the one that converts.