Savings Breakdown
A finance first story and quote beside an itemized annual savings statement card whose line items add up to one bold yearly total.
A finance first story and quote beside an itemized annual savings statement card whose line items add up to one bold yearly total.
Search blocks by description or jump to a page.
The source for every Marketing block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Savings Breakdown tells a cost story finance first. The left column opens with the customer wordmark, an outcome heading, two narrative paragraphs, and a pull quote from the finance lead with an avatar and title. The right column holds an itemized annual savings statement card, where each retired cost is a line with a label, a short detail, and an amount, and the lines add up to one bold yearly total pinned to the footer.
The narrative and the statement are independent copy. The line items live in one array, so you can add, remove, or reword a row and swap its amount without touching the prose, and the total sits below as its own figure you set to match. A closing note under the total frames the result against the subscription cost.
Reach for this block when the business case rests on money saved rather than revenue gained, and the reader wants to see the math rather than a single headline. It suits a B2B SaaS page aimed at a finance approver who has to defend the spend internally. An itemized statement reads as something a controller compiled, not a marketing claim, so the total lands with more weight than a bare multiple would.
A natural flow around it on a Marketing Pro page:
Before
After
The frame is built for one itemized savings case. A few ways to fill it:
Tip: keep the line count to four or five so the statement stays scannable and the total reads as a clean sum, not a long tally.