Membership
A single membership plan: a price card with an annual note and refund line beside a checked list of what the plan includes.
A single membership plan: a price card with an annual note and refund line beside a checked list of what the plan includes.
Search blocks by description or jump to a page.
The source for every Modern SaaS block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Membership is the pricing page for a product with one plan to sell. A value hook and a bold headline open the section, then the layout splits in two: an inverted membership card on the left carries the price, the annual note, a reassuring refund line, and a full width call to action, while a checked list on the right spells out what the plan actually includes.
The card is built from theme tokens rather than a brand image, so it reads as a confident dark panel on a light page and flips in dark mode. The headline, card, refund line, button, and each benefit are independent, so you can restate the offer or swap a benefit without touching the layout.
Reach for this block when you sell a single membership or all in one plan and want to anchor the price against the value it replaces. It suits an online education platform that charges one flat fee for every course and wants to show learners exactly what they get, but it works equally well on any landing page where one offer needs to feel decisive rather than overwhelming.
A natural flow around it on a Modern SaaS page:
Before
After
The obvious fit is one plan with a monthly price, an annual charge, and three headline benefits. A few other ways to use the frame:
Tip: keep each benefit to a short title and a sentence or two so the right column stays scannable next to the card rather than turning into a wall of text.