System Status Patterns

Maintenance Notice

A static maintenance notice shows Scheduled maintenance, fixed window 2026-07-12 02:00-03:00, Learn more button, and no scheduler, alert delivery, or backend service.

Program

Maintenance display should show the planned window and next reading action without claiming to schedule or send alerts.

maintenance_window_notice.html
Visuals: captured from real browser rendering
<section class="maintenance-notice" aria-labelledby="maintenance-title">
  <h2 id="maintenance-title">Maintenance window</h2>
  <p><strong>Status</strong> <span class="badge">Scheduled maintenance</span></p>
  <p><strong>Window</strong> 2026-07-12 02:00-03:00</p>
  <button type="button">Learn more</button>
  <p class="note">Static maintenance notice only; no scheduler, alert delivery, or backend service runs.</p>
</section>
<style>
  .maintenance-notice { display: grid; gap: 10px; max-width: 38rem; border: 1px solid #b45309; padding: 12px; background: #fffbeb; }
  .maintenance-notice p, .note { margin: 0; }
  .maintenance-notice button { justify-self: start; padding: 8px 12px; }
  .badge { border-radius: 999px; background: #fef3c7; padding: 2px 8px; }
  .note { color: #475569; }
</style>

  1. Label the notice.

    The section is labelled by its heading.
    The section is labelled by its heading.

  2. Show the scheduled badge.

    The badge makes the planned state visible.
    The badge makes the planned state visible.

  3. Show the fixed maintenance window.

    The window is fixed display text.
    The window is fixed display text.

  4. Show the reading affordance.

    The button is type button and does not submit anything.
    The button is type button and does not submit anything.

  5. Show the no-service note.

    The note says no scheduler or alert delivery runs.
    The note says no scheduler or alert delivery runs.

  6. Check maintenance honesty.

    Status, window, button, and no alert service.
    Status, window, button, and no alert service.
scheduled status The maintenance state is pinned display text.
fixed window The time window is exact lesson data.
no alerts The lesson should not imply schedulers, alert delivery, or backend services.