Renewal Impact - Everyday Interface Patterns

A static renewal impact notice shows access until August 15, 2026, 5 seats, exports available, and Review before saving status.

Program

Renewal impact notices should summarize access, seats, exports, and save status without mutating a subscription.

renewal_impact_notice.html

Visuals: captured from real browser rendering

<section class="renewal-impact" aria-labelledby="renewal-impact-title"><h2 id="renewal-impact-title">Renewal impact notice</h2><dl>
  <div><dt>Access until</dt><dd>August 15, 2026</dd></div>
  <div><dt>Seats included</dt><dd>5 seats</dd></div>
  <div><dt>Exports</dt><dd>Available</dd></div>
  <div><dt>Status</dt><dd><span class="badge">Review before saving</span></dd></div></dl>
  <p class="note">Static renewal impact only; no subscription mutation, entitlement service, billing service, seat service, export service, storage, route, API, network, timer, script, or live save runs.</p></section>
<style>
  .renewal-impact { display: grid; gap: 10px; max-width: 38rem; border: 1px solid #b45309; padding: 12px; background: #fffbeb; }
  .renewal-impact dl { display: grid; gap: 8px; margin: 0; }
  .renewal-impact dl div { display: grid; grid-template-columns: 8rem 1fr; gap: 8px; }
  .renewal-impact dt { color: #475569; }
  .renewal-impact dd, .note { margin: 0; }
  .badge { border-radius: 999px; background: #fef3c7; padding: 2px 8px; }
  .note { color: #475569; }
</style>

Label the renewal impact notice.
The section is labelled by its visible heading.
Show the access date.
The access date is exact pinned data.
Show included seats.
The seat count is exact pinned data.
Show export availability.
The export state is exact pinned data.
Render the review status.
The status badge says to review before saving.
Check renewal honesty.
Access date, seats, exports, status, and no live save.

impact notice The section heading names the renewal impact surface.

impact rows Access until, Seats included, Exports, and Status values are exact pinned data.

no subscription mutation The lesson should not imply subscription mutations, entitlement services, billing services, seat services, export services, storage, routes, APIs, networks, timers, scripts, or live saves.