Jasper Pricing Section

Jasper Pricing Section, light-mode, minimal, vibrant

Preview image. Unlock full-res

Three white pricing cards on a saturated violet full-bleed background, with a billing toggle and a stacked feature checklist per plan.

Summary

A three-tier pricing section that floats three white plan cards over a bold solid-violet field, headed by an oversized white headline and a monthly/yearly billing toggle. The saturated full-bleed color behind clean white cards is the defining contrast.

Visual description

The whole section sits on a saturated violet background. Top-left, an oversized two-line white sans-serif headline "Get the AI built for better marketing results"; top-right, a short white intro line above a pill billing toggle (Monthly / Yearly, with a "Save ~20%" note) where the active option is a white pill. Below run three equal white rounded cards: Creator ($39), Pro ($59), and Business (custom pricing with an icon). Each card has a plan name, price with "month/seat", a one-line description, a full-width CTA (violet outlined "Start Free 7-Day Trial" on the first two, filled violet "Contact Sales" on Business), and a checkmarked feature list, with the upper tiers prefixed "Everything in [lower], plus".

Key takeaway

Standing clean white cards on a single saturated brand color makes a standard three-tier table feel bold and on-brand without extra ornament. The "Everything in X, plus" laddering communicates tier value fast. Pairing two trial CTAs with a "Contact Sales" on the top tier mixes self-serve and sales-led cleanly.

Reuse notes

A reliable three-plan layout for self-serve SaaS, strongest when the brand color is vivid enough to carry a full-bleed block. Keep the cards pure white for maximum contrast against the color field. If plans have very different feature counts, the cards will vary in height; align the CTAs or cap the visible list to keep them tidy.

More pricing sections

See all

More like this