Remote Signout - Everyday Interface Patterns

A static remote sign-out notice shows iPad Safari, Sign out of device, July 8 2026, and Not signed out status.

Program

Remote sign-out notices should show the target, action, last-seen date, and status without revoking a real session.

remote_signout_notice.html

Visuals: captured from real browser rendering

<section class="remote-signout" aria-labelledby="remote-signout-title"><h2 id="remote-signout-title">Remote sign-out notice</h2><dl>
  <div><dt>Target device</dt><dd>iPad Safari</dd></div>
  <div><dt>Action</dt><dd>Sign out of device</dd></div>
  <div><dt>Last seen</dt><dd>July 8, 2026</dd></div>
  <div><dt>Status</dt><dd><span class="badge">Not signed out</span></dd></div></dl>
  <p class="note">Static remote sign-out notice only; no auth mutation, session revocation, device service, account service, storage, route, API, network, script, or live sign-out runs.</p></section>
<style>
  .remote-signout { display: grid; gap: 10px; max-width: 38rem; border: 1px solid #b45309; padding: 12px; background: #fffbeb; }
  .remote-signout dl { display: grid; gap: 8px; margin: 0; }
  .remote-signout dl div { display: grid; grid-template-columns: 8rem 1fr; gap: 8px; }
  .remote-signout dt { color: #475569; }
  .remote-signout dd, .note { margin: 0; }
  .badge { border-radius: 999px; background: #fef3c7; padding: 2px 8px; }
  .note { color: #475569; }
</style>

Label the remote sign-out notice.
The section is labelled by its visible heading.
Show the target device.
The target device is exact pinned data.
Show the action row.
The action is exact pinned data.
Show the last-seen date.
The last-seen date is exact pinned data.
Render the not-signed-out status.
The status badge says no sign-out happened.
Check sign-out honesty.
Target device, action, last seen, status, and no live sign-out.

sign-out notice The section heading names the remote sign-out surface.

sign-out rows Target device, Action, Last seen, and Status values are exact pinned data.

no session revocation The lesson should not imply auth mutations, session revocation, device services, account services, storage, routes, APIs, networks, scripts, or live sign-outs.