Preview image. Unlock full-res
Light three-column pricing with a serif headline, a billed-yearly toggle, and a raised middle plan among check-led feature lists.
Summary
A light three-tier pricing table with a serif headline and a billed-yearly toggle, where the middle Productive plan is lifted in a bordered card and a single shared CTA sits below.
Visual description
Centered serif headline (Pay-for-what-you-use pricing) in near-black over a muted one-line subhead about a 30-day risk-free trial. A pill toggle (blue, on) reads "Billed yearly" with a yellow "20% off" tag. Three columns follow inside a soft outer container: Starter ($14 per user/month), Productive ($24), and Business ($36), each with a name, bold price, "Billed yearly" note, a bold audience line, and a check-led feature list of four to five items. The middle Productive card is raised into its own white bordered card to mark it as recommended; the Productive and Business lists open with "Everything in [tier] plus", where the prior tier name appears as a small inline chip. A single blue "Try for free" button is centered beneath all three columns.
Key takeaway
Raising only the middle plan into a bordered card to flag the recommended tier without color, and using small inline tier chips inside "Everything in X plus" lines to show plan inheritance at a glance. Consolidating to one shared CTA under the whole table rather than per-column buttons, which keeps the light layout uncluttered.
Reuse notes
A clean per-seat pricing table for a productivity or support SaaS that wants a calm, editorial feel via the serif headline. The single bottom CTA works when all tiers funnel to the same trial; split per-column buttons if tiers need different actions. Keep lists to four or five parallel items so the three columns stay balanced.
