Transparent commitment

Put the value and the terms in the same view: what it costs, what is included, and what the visitor is committing to.

Section sequence

5sections, in the order the visitor meets them. Bar height is the section's weight in the page.

  1. OrientOffer and value
  2. ProvePlan cards
  3. ProveTerms and fees
  4. NavigateComparison route
  5. ConvertPurchase or trial

How the page argues

  1. 1

    Put the offer and the value in the same block, so neither is discovered later.

  2. 2

    Show plans as a small, comparable set, with the recommended one marked and justified.

  3. 3

    State fees, term length and cancellation next to the price.

  4. 4

    Provide a comparison route for the visitor who needs to be sure.

  5. 5

    Convert on the plan the visitor is looking at.

What each section has to be

OrientOffer and value
What is included and what it costs, in one block, so the price is never a discovery.
ProvePlan cards
Two to four plans with the recommended one marked and a stated reason for the recommendation.
ProveTerms and fees
Billing period, renewal, additional fees and cancellation, adjacent to the number they qualify.
NavigateComparison route
A full comparison for the careful buyer, without expanding it inline for everyone.
ConvertPurchase or trial
Action on the plan in view, stating exactly what is charged and when.

Is this the right sequence?

Who it is for

Subscription and bundle buyers whose hesitation is the commitment, not the capability.

Products it suits

Subscriptions, financial products and bundles where terms are part of the decision rather than the fine print.

Not for

Early discovery pages where price depends on an unresolved use case, so a number would mislead.

Evidence strategy

Which proof modes carry the page, in the order they land.

  1. Primary: transparency — the terms are treated as part of the offer.
  2. Secondary: plan comparability, which lets the visitor choose without a call.
  3. Tertiary: the recommendation with its reason, which reduces choice paralysis honestly.

CTA plan

What the page asks for, what it offers instead, and where.

Primary
Choose this plan
Secondary
Compare all plans, or start a trial
Placement
An action on every plan card, with the trial route stated in the same block as the terms.

Responsive behavior

What the sequence has to do when the viewport stops cooperating.

  • Plan cards stack with the recommended plan first, keeping its marker visible.
  • The comparison table becomes a per-plan feature list rather than a horizontally scrolling grid.
  • Terms remain adjacent to the price when stacked; never push them to a footnote.

Anti-patterns

The failure modes that make this sequence stop working.

  • Price revealed only after a form, which converts curiosity into distrust.
  • Fees, renewal terms or overage buried in a link.
  • Six plans, which turns a decision into research.
  • A 'recommended' badge with no stated reason.

Build spec

Pro

What an agent needs in order to build Transparent commitment: what each section must contain, the copy rule that keeps it honest, the slots to resolve from your product, and the order to build in.

Checking access to the build spec

Agent tags

The vocabulary an agent matches this recipe on.

  • transparent-terms
  • plan-cards
  • recommended-plan
  • fee-disclosure
  • purchase-cta