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.
The Modern SaaS Collection unlocks the source for every Modern SaaS block. All Access unlocks every Collection.
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 works as the pricing moment on a Modern SaaS landing page, or as the whole of a focused pricing page, once a visitor understands the product and just needs the offer made plainly.
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.