1 — The paywall

Show enough to sell, not enough to give it away. Note that the blur fades into solid colour rather than stopping at a hard edge.

Build a full-viewport hero section on a near-black background. Behind the content, place three large radial gradient blobs at 40% opacity, heavily blurred, drifting on a 26s alternating loop.

Content is left-aligned in a max-width 1240px container: a pill badge, then a headline at clamp(2.4rem, 6.5vw, 4.6rem) with tight negative letter-spacing, then a lede capped at 54 characters per line.

Below that, a row of three stats with the number in the display face and a small muted label under each. Respect prefers-reduced-motion by freezing the drift entirely.

Members open this instantly

Join to copy this prompt and everything else in the library.

Important: in production the gated text must not be in the DOM at all for unauthorised visitors. Blur is a visual affordance, not access control — fetch the real content only after a server-side entitlement check.

2 — The checkout

Billing details

How would you like to pay?

Your card details go straight to the payment provider. We never see or store them.