Preview image. Unlock full-res
Dark forest-green pricing page with three tier cards, an annual toggle, and an interactive team savings calculator with illustrated ROI breakdown.
Summary
A forest-green pricing section pairing three plan cards with a team savings calculator that turns headcount and hourly rate into a monthly dollar figure.
Visual description
Deep green background. Large white serif headline "Plans & pricing" with a pill toggle below: Monthly versus Annual 20% discount, annual selected in lavender. Three vertical cards: Flow Basic on dark green with white border, Free price, feature checklist, outlined Get started, and a small tag noting a 14-day Pro trial; Flow Pro on cream with $12/user/mo billed annually, expanded features, and solid lavender Get started; Flow Enterprise on cream with Contact us, security and compliance bullets, and Talk to sales. Below, "Team Savings" in white serif. Left side shows editable inline values for team size and hourly rate with a slider. Right side has a flat illustration of a capped figure juggling green dollar bills. A bordered dark card summarizes monthly savings at $2,047/mo with time saved, value saved, and team cost breakdown plus a lavender Get started.
Key takeaway
Stacking standard pricing cards above an ROI calculator makes the page sell value, not just tiers. Inline editable numbers in the calculator feel interactive even in a static capture. Contrasting card fills (dark Basic vs cream Pro/Enterprise) guide the eye to the paid tier.
Reuse notes
Works for B2B SaaS with per-seat pricing and measurable time savings. Forest green palette needs light card surfaces for readability. Calculator section requires credible default assumptions and a playful illustration to soften the math.
