About this block

Cancel Flow Blueprint is the cancel subscription dialog rendered in open state as a static scrim and centered card. It names the renewal date (Jul 1), lists what you keep through that date including exported data and the audit trail, then lists what changes after using Minus icons for custom domains deprovisioned at 00:00 UTC and SSO removed. A muted suggestion box offers Downgrade to Starter at $0 with the exact tradeoff stated: the 8-seat limit drops to 1, but your data stays. An optional reason Select sends feedback to the product team, not to sales.

The keeps and loses arrays drive both sections. The Keep my plan button is the calm default on the right; Cancel plan sits as an outline button so the destructive action is present but not prominent. This is honest, not a guilt maze.

When to use

Reach for this blueprint on any cancel confirmation screen, static for preview and wired to your cancel endpoint in production. Never suppress the downgrade alternative; it reduces involuntary churn without a dark pattern.

A natural flow around it on an Application Pro page:

Before

• Plan comparison table
• Settings shell

After

• Dunning banner

What you can display

One strong use is the end-of-period cancel flow. Other cancel or downgrade dialogs:

• Immediate cancel. No end-of-period access, refund policy stated in the body instead of a date.
• Seat reduction. Which members lose access listed by name, not just a count.
• Delete workspace. The same honest two-column pattern with what is destroyed versus what is exported first.

Tip: state the exact date and time in UTC so users in any timezone can calculate when access actually ends.