Return Window - Everyday Interface Patterns

A static return-window card shows Web Sticker Pack, Eligible until 2026-07-31, a Start return button, and no order lookup or return service.

Program

Return-window display should make the item and deadline visible without implying a live order lookup.

return_window_status.html

Visuals: captured from real browser rendering

<section class="return-window" aria-labelledby="return-title">
  <h2 id="return-title">Return window</h2>
  <p><strong>Item</strong> Web Sticker Pack</p>
  <p><strong>Status</strong> Eligible until 2026-07-31</p>
  <button type="button">Start return</button>
  <p class="note">Static return-window status only; no order lookup or return service runs.</p>
</section>
<style>
  .return-window { display: grid; gap: 10px; max-width: 38rem; border: 1px solid #64748b; padding: 12px; }
  .return-window p, .note { margin: 0; }
  .return-window button { justify-self: start; padding: 8px 12px; }
  .note { color: #475569; }
</style>

Label the return-window card.
The section is labelled by its visible heading.
Show the return heading.
The heading names the static return display.
Show the pinned item name.
The item name is exact deterministic lesson data.
Show the return-window status.
The deadline status is fixed display text.
Show the start-return affordance.
The button names a possible action without opening a service.
Check return-window honesty.
Pinned item, deadline, button, and no return service.

item name The item name is fixed display data.

deadline status The return deadline is pinned text.

no return service The lesson should not imply order lookup or return service behavior.