Bucket Pricing Section

Bucket Pricing Section, dark-mode, minimal, dark

Preview image. Unlock full-res

Dark three-tier pricing with a monthly-annual toggle, plain dark cards, white pill CTAs, and a trusted-by logo row plus a climate note below.

Summary

A dark, centered three-tier pricing block with a monthly-to-annual toggle and three evenly weighted plan cards. The defining detail is the restraint: flat dark cards, one white pill CTA each, and a small climate-offset note under a trusted-by logo row.

Visual description

A centered two-line headline, "Get started for free, upgrade when you grow", sits above a short muted paragraph. A pill toggle switches Monthly and Annual, with a purple "Save 20% on annual plans" caption beneath it (set to Annual). Three equal-width dark cards follow: Starter ($0/mo), Pro ($100/mo), and Enterprise (Custom). Each card shows a name, a one-line descriptor, a price, a white rounded CTA pill (Create account, 14-day free trial, Get in touch), and a checklist of four features with simple check icons. None of the three is visually promoted over the others. Below the cards, a muted "Trusted by the top tech companies" line carries three white logos, and to the right a small leaf icon introduces a one-line note about contributing 1% to remove CO2 via Stripe Climate.

Key takeaway

The calm three-card layout with no aggressive "most popular" highlight, letting price and feature lists do the work. The small climate-contribution footnote tucked beside the logo row adds a values signal without a whole section.

Reuse notes

Fits a developer or B2B SaaS with simple, seat-light pricing. The toggle implies a price swap, so wire it to real monthly and annual numbers. The understated treatment suits products that compete on simplicity rather than discount urgency.

More pricing sections

See all

More like this