# How is the cancel button styled versus the keep/subscribe path?

Source: Lazyweb Research
Author: Ali Abouelatta, Lazyweb Research
Published: 2026-07-07
Updated: July 2026
Sample size: n=78
Category: [Cancellation flows and save offers](https://design.lazyweb.com/blog/category/cancellation-flows-and-save-offers)
Tags: cancellation, retention, design, ux-patterns, experiments
HTML: https://design.lazyweb.com/blog/how-is-the-cancel-button-styled-in-cancel-flows
Markdown: https://design.lazyweb.com/blog/how-is-the-cancel-button-styled-in-cancel-flows.md

**Answer.** Across 78 cancel/keep/pause/resubscribe CTA buttons, 40 are styled as dismiss and 18 as secondary, versus only 7 primary [1]. So the cancel action is heavily de-emphasized relative to the primary keep/subscribe path. If you are optimizing for compliance rather than dark patterns, that skew is the thing to check first.

> Of 78 cancel/keep CTAs, 40 dismiss and 18 secondary vs 7 primary styling, July 2026.

## The role split

| CTA role | Buttons | Distinct apps |
| --- | --- | --- |
| Dismiss | 40 | 18 [1] |
| Secondary | 18 | 14 [1] |
| Unknown | 13 | — [1] |
| Primary | 7 | 6 [1] |

Cancel and retention actions skew heavily toward dismiss and secondary styling; only 7 of 78 buttons in this set are styled primary [1].

## What it means

The visual hierarchy consistently pushes users toward the **keep/subscribe** path and mutes the cancel action into dismiss-weight styling [1]. This is the mechanism regulators scrutinize under click-to-cancel: if the cancel affordance is styled as an afterthought, the flow reads as obstructive even when a cancel option technically exists.

## How to apply it

Audit your cancel screen's button hierarchy against this split [1]. A compliant flow keeps the actual cancel affordance clearly reachable rather than dismiss-weighted. The field's own experiments trend toward easing progression — DoorDash made a reason button more prominent to reduce abandonment on the cancel path, a completion-friendly direction [2]. Style the cancel action so a user can find and complete it without hunting.

## The numbers

| Stat | Computed from |
| --- | --- |
| 78 cancel/keep CTAs: 40 dismiss (18 apps), 18 secondary (14 apps), 13 unknown, 7 primary (6 apps) | cancel_flow_cta_roles |
| DoorDash A/B made 'Select Reason' button solid to reduce abandonment | qualitative / doordash experiment |

## Methodology

Universe: 78 cancel/keep/pause/resubscribe CTA buttons in the paywall universe, July 2026. Method: count by cta_role and distinct apps. Caveat: 13 buttons have unknown role and role labels are derived from styling, not intent.

## Visual references

Real, in-market app screens tracked by Lazyweb Research:

- Gopuff: https://zlfyzdmohcskkucuunmk.supabase.co/storage/v1/object/public/screenshots/food111_gopuff/lazyscreenshots/2024_01_01_10-39-49_1A89FE21.png
- Color Widgets: https://zlfyzdmohcskkucuunmk.supabase.co/storage/v1/object/public/screenshots/graphics10_color-widgets/lazyscreenshots/2025_04_26_17-35-43_04F05F95.png
- Youtube: https://zlfyzdmohcskkucuunmk.supabase.co/storage/v1/object/public/screenshots/photos4_youtube/lazyscreenshots/2024_01_22_23-26-44_E2707419.png
- Speechify: https://zlfyzdmohcskkucuunmk.supabase.co/storage/v1/object/public/screenshots/mag3_speechify/lazyscreenshots/2023_07_16_16-46-56_2D34915A.png

## Sources & citations

- [1] Lazyweb Research analysis of 78 cancel/keep/pause/resubscribe CTA buttons (paywall universe), July 2026. cta_role split for cancel-family buttons across distinct apps.
- [2] Lazyweb Research analysis of DoorDash cancel-flow experiment, July 2026. A/B changing reason button from grayed-out to solid to ease progression.

## Related questions

- [What do click-to-cancel flows look like screen by screen in the field?](https://design.lazyweb.com/blog/what-do-compliant-click-to-cancel-flows-look-like)
- [How common is an 'are you sure' confirmation step when cancelling?](https://design.lazyweb.com/blog/how-common-is-a-confirmation-step-when-cancelling)
- [How many steps should I expect in a subscription cancel flow?](https://design.lazyweb.com/blog/how-many-steps-in-a-subscription-cancel-flow)
- [What percent of cancel flows show a save offer, and which type?](https://design.lazyweb.com/blog/what-percent-of-cancel-flows-show-a-save-offer)
- [Are pause and downgrade save offers worth building for cancellation?](https://design.lazyweb.com/blog/are-pause-and-downgrade-save-offers-worth-building)
- [What reasons do cancellation surveys ask about, and how common are they?](https://design.lazyweb.com/blog/what-reasons-do-cancellation-surveys-ask-about)
- [How common is 'cancel anytime' reassurance copy on paywalls?](https://design.lazyweb.com/blog/how-common-is-cancel-anytime-reassurance-on-paywalls)
- [Does 'cancel anytime' copy help or hurt paywall conversion?](https://design.lazyweb.com/blog/does-cancel-anytime-copy-help-or-hurt-conversion)

## Continue your research

[Connect Lazyweb to your coding agent](https://www.lazyweb.com/mcp-install)