Pricing card · High Contrast
A single-plan pricing card with plan name, price and billing period, a checked feature list, a highlighted call to action and an optional ribbon.
Design · High Contrast20 / 20
3px border, black band ribbon, 15 px+ text, 48 px underlined CTA and a 3px focus ring.
Motion
The card lifts into place and its features and button follow, 50 ms apart.
Accent
A single-plan pricing card with plan name, price and billing period, a checked feature list, a highlighted call to action and an optional ribbon.
pricingplansubscriptioncardcheckoutsaasmarketing