Email preferences

Managing rae@northwind.co

You clicked unsubscribe in "The Thursday Letter #48". Nothing has changed yet.

Choose individually instead

Account and security messages cannot be switched off — they cover invoices, sign-ins from new devices and incidents affecting your data. There are about six a year.

">

The prompt

Build an email preferences page with Tailwind CSS, the destination of an unsubscribe link. Centre a max-w-xl card with a heading, a muted line naming the address being managed, and a small "You clicked unsubscribe in an email" note. The body offers four options as bordered radio rows: pause for thirty days, reduce to a monthly summary, keep only account and security email, and unsubscribe from everything; each has a title, a one-line consequence and a small tag where useful. The third option is preselected. Under the options, a collapsible "Choose individually" section revealing six checkboxes for specific lists. Finish with a dark Save button and a ghost "Keep everything as it is" link, plus a footnote noting that account and security messages cannot be switched off and explaining why.

Paste it into Claude, Cursor, v0 or any AI coding tool. Prefer the finished markup? .