Your annual plan renews in 21 days

08 Sep 2026
Plan
Scale · annual
Seats
24 up from 20
Amount
$17,136

If you do nothing

We charge the card on file on 8 September and the plan continues for another year at this rate. Seat changes made before then are included automatically.

Need a purchase order, a W-9 or updated billing details on the invoice? Send them to finance@northwind.dev and we will reissue before the charge date.

">

The prompt

Design an account renewal notice with Tailwind CSS. Use a max-w-3xl bordered rounded-2xl card with a neutral-900 header strip holding a calendar glyph, a heading reading "Your annual plan renews in 21 days" and the exact date in a monospaced pill on the right. The body is a two-column grid on sm: the left column lists the renewal terms as three labelled rows — plan, seats and amount, each with the value in medium weight and one showing a small "up from 20" note; the right column is a bordered neutral-50 block explaining what happens if nothing is done, in two short sentences. Below, a button row with a dark "Renew now and lock this rate", a bordered "Change plan" and a muted text link reading "Cancel renewal", plus a final line noting that a purchase order or updated billing details can be sent to the finance mailbox.

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