Return Label Notice - Everyday Interface Patterns

A static return-label notice shows Label ready, masked label id LBL-***-91, Download label button, and no label generation, file download, or carrier service.

Program

Return-label display should show the ready state and masked id without generating or downloading a file.

return_label_notice.html

Visuals: captured from real browser rendering

<section class="return-label" aria-labelledby="label-title">
  <h2 id="label-title">Return label</h2>
  <p><strong>Status</strong> <span class="badge">Label ready</span></p>
  <p><strong>Label id</strong> <span class="code">LBL-***-91</span></p>
  <button type="button">Download label</button>
  <p class="note">Static return-label notice only; no label generation, file download, or carrier service runs.</p>
</section>
<style>
  .return-label { display: grid; gap: 10px; max-width: 38rem; border: 1px solid #64748b; padding: 12px; }
  .return-label p, .note { margin: 0; }
  .return-label button { justify-self: start; padding: 8px 12px; }
  .badge { border-radius: 999px; background: #dcfce7; padding: 2px 8px; }
  .code { font-family: monospace; background: #e2e8f0; padding: 2px 6px; }
  .note { color: #475569; }
</style>

Label the return-label notice.
The section is labelled by its visible heading.
Show the label heading.
The heading names the static label display.
Show the ready status.
The badge makes the pinned label state visible.
Show the masked label id.
The label id is masked static display data.
Show the download affordance.
The button names a possible action without providing a file download.
Check label honesty.
Ready status, masked id, button, and no label service.

ready status The Label ready status is pinned display text.

masked label id The label id is masked and deterministic.

no download The lesson should not imply label generation, file download, or carrier service behavior.