ds
Operations
Service health

Service health

Components, their state and their uptime, as a status page lists them.

Webhook deliveries are delayedUpdated 14:32 IST

API api.example.com Operational

90 days ago99.97% uptimeToday
Dashboard Operational

90 days ago99.99% uptimeToday
Webhooks delivery to your endpoints Degraded

90 days ago99.98% uptimeToday
Payments card and UPI Operational

90 days ago100.00% uptimeToday

Show code

<div class="sys warn"><span class="status-dot warn"></span>Webhook deliveries are delayed<time>Updated 14:32 IST</time></div>
<ul class="svc-list">
  <li class="svc">
    <span class="svc-name">API <small>api.example.com</small></span>
    <span class="svc-state">Operational</span>
    <div class="uptime sm">
      <div class="up-bars" role="img" aria-label="API: 99.97% uptime over 90 days"><i class="ok" aria-label="14 Jul 2026: No downtime"></i><i class="ok" aria-label="15 Jul 2026: No downtime"></i><i class="ok" aria-label="16 Jul 2026: No downtime"></i><i class="ok" aria-label="17 Jul 2026: No downtime"></i><i class="ok" aria-label="18 Jul 2026: No downtime"></i><i class="ok" aria-label="19 Jul 2026: No downtime"></i><i class="ok" aria-label="20 Jul 2026: No downtime"></i><i class="ok" aria-label="21 Jul 2026: No downtime"></i><i class="ok" aria-label="22 Jul 2026: No downtime"></i><i class="ok" aria-label="23 Jul 2026: No downtime"></i><i class="ok" aria-label="24 Jul 2026: No downtime"></i><i class="ok" aria-label="25 Jul 2026: No downtime"></i><i class="ok" aria-label="26 Jul 2026: No downtime"></i><i class="ok" aria-label="27 Jul 2026: No downtime"></i><i class="ok" aria-label="28 Jul 2026: No downtime"></i><i class="ok" aria-label="29 Jul 2026: No downtime"></i><i class="ok" aria-label="30 Jul 2026: No downtime"></i><i class="ok" aria-label="31 Jul 2026: No downtime"></i><i class="ok" aria-label="1 Aug 2026: No downtime"></i><i class="ok" aria-label="2 Aug 2026: No downtime"></i><i class="ok" aria-label="3 Aug 2026: No downtime"></i><i class="ok" aria-label="4 Aug 2026: No downtime"></i><i class="ok" aria-label="5 Aug 2026: No downtime"></i><i class="ok" aria-label="6 Aug 2026: No downtime"></i><i class="ok" aria-label="7 Aug 2026: No downtime"></i><i class="ok" aria-label="8 Aug 2026: No downtime"></i><i class="ok" aria-label="9 Aug 2026: No downtime"></i><i class="ok" aria-label="10 Aug 2026: No downtime"></i><i class="ok" aria-label="11 Aug 2026: No downtime"></i><i class="ok" aria-label="12 Aug 2026: No downtime"></i><i class="ok" aria-label="13 Aug 2026: No downtime"></i><i class="ok" aria-label="14 Aug 2026: No downtime"></i><i class="ok" aria-label="15 Aug 2026: No downtime"></i><i class="ok" aria-label="16 Aug 2026: No downtime"></i><i class="ok" aria-label="17 Aug 2026: No downtime"></i><i class="ok" aria-label="18 Aug 2026: No downtime"></i><i class="ok" aria-label="19 Aug 2026: No downtime"></i><i class="ok" aria-label="20 Aug 2026: No downtime"></i><i class="ok" aria-label="21 Aug 2026: No downtime"></i><i class="ok" aria-label="22 Aug 2026: No downtime"></i><i class="ok" aria-label="23 Aug 2026: No downtime"></i><i class="ok" aria-label="24 Aug 2026: No downtime"></i><i class="ok" aria-label="25 Aug 2026: No downtime"></i><i class="ok" aria-label="26 Aug 2026: No downtime"></i><i class="ok" aria-label="27 Aug 2026: No downtime"></i><i class="ok" aria-label="28 Aug 2026: No downtime"></i><i class="ok" aria-label="29 Aug 2026: No downtime"></i><i class="ok" aria-label="30 Aug 2026: No downtime"></i><i class="ok" aria-label="31 Aug 2026: No downtime"></i><i class="ok" aria-label="1 Sep 2026: No downtime"></i><i class="ok" aria-label="2 Sep 2026: No downtime"></i><i class="ok" aria-label="3 Sep 2026: No downtime"></i><i class="ok" aria-label="4 Sep 2026: No downtime"></i><i class="ok" aria-label="5 Sep 2026: No downtime"></i><i class="ok" aria-label="6 Sep 2026: No downtime"></i><i class="ok" aria-label="7 Sep 2026: No downtime"></i><i class="ok" aria-label="8 Sep 2026: No downtime"></i><i class="ok" aria-label="9 Sep 2026: No downtime"></i><i class="ok" aria-label="10 Sep 2026: No downtime"></i><i class="ok" aria-label="11 Sep 2026: No downtime"></i><i class="ok" aria-label="12 Sep 2026: No downtime"></i><i class="down" aria-label="13 Sep 2026: Outage, 17 min down"></i><i class="warn" aria-label="14 Sep 2026: Degraded performance, 46 min degraded"></i><i class="ok" aria-label="15 Sep 2026: No downtime"></i><i class="ok" aria-label="16 Sep 2026: No downtime"></i><i class="ok" aria-label="17 Sep 2026: No downtime"></i><i class="ok" aria-label="18 Sep 2026: No downtime"></i><i class="ok" aria-label="19 Sep 2026: No downtime"></i><i class="ok" aria-label="20 Sep 2026: No downtime"></i><i class="ok" aria-label="21 Sep 2026: No downtime"></i><i class="ok" aria-label="22 Sep 2026: No downtime"></i><i class="ok" aria-label="23 Sep 2026: No downtime"></i><i class="ok" aria-label="24 Sep 2026: No downtime"></i><i class="ok" aria-label="25 Sep 2026: No downtime"></i><i class="ok" aria-label="26 Sep 2026: No downtime"></i><i class="ok" aria-label="27 Sep 2026: No downtime"></i><i class="ok" aria-label="28 Sep 2026: No downtime"></i><i class="ok" aria-label="29 Sep 2026: No downtime"></i><i class="ok" aria-label="30 Sep 2026: No downtime"></i><i class="ok" aria-label="1 Oct 2026: No downtime"></i><i class="ok" aria-label="2 Oct 2026: No downtime"></i><i class="ok" aria-label="3 Oct 2026: No downtime"></i><i class="ok" aria-label="4 Oct 2026: No downtime"></i><i class="ok" aria-label="5 Oct 2026: No downtime"></i><i class="ok" aria-label="6 Oct 2026: No downtime"></i><i class="ok" aria-label="7 Oct 2026: No downtime"></i><i class="ok" aria-label="8 Oct 2026: No downtime"></i><i class="ok" aria-label="9 Oct 2026: No downtime"></i><i class="ok" aria-label="10 Oct 2026: No downtime"></i><i class="ok" aria-label="11 Oct 2026: No downtime"></i></div>
      <div class="up-foot"><span>90 days ago</span><i></i><span class="pct">99.97% uptime</span><i></i><span>Today</span></div>
    </div>
  </li>
  <li class="svc">
    <span class="svc-name">Dashboard</span>
    <span class="svc-state">Operational</span>
    <div class="uptime sm">
      <div class="up-bars" role="img" aria-label="Dashboard: 99.99% uptime over 90 days"><i class="ok" aria-label="14 Jul 2026: No downtime"></i><i class="ok" aria-label="15 Jul 2026: No downtime"></i><i class="ok" aria-label="16 Jul 2026: No downtime"></i><i class="ok" aria-label="17 Jul 2026: No downtime"></i><i class="ok" aria-label="18 Jul 2026: No downtime"></i><i class="ok" aria-label="19 Jul 2026: No downtime"></i><i class="ok" aria-label="20 Jul 2026: No downtime"></i><i class="ok" aria-label="21 Jul 2026: No downtime"></i><i class="ok" aria-label="22 Jul 2026: No downtime"></i><i class="ok" aria-label="23 Jul 2026: No downtime"></i><i class="ok" aria-label="24 Jul 2026: No downtime"></i><i class="ok" aria-label="25 Jul 2026: No downtime"></i><i class="ok" aria-label="26 Jul 2026: No downtime"></i><i class="ok" aria-label="27 Jul 2026: No downtime"></i><i class="ok" aria-label="28 Jul 2026: No downtime"></i><i class="ok" aria-label="29 Jul 2026: No downtime"></i><i class="ok" aria-label="30 Jul 2026: No downtime"></i><i class="ok" aria-label="31 Jul 2026: No downtime"></i><i class="ok" aria-label="1 Aug 2026: No downtime"></i><i class="ok" aria-label="2 Aug 2026: No downtime"></i><i class="ok" aria-label="3 Aug 2026: No downtime"></i><i class="ok" aria-label="4 Aug 2026: No downtime"></i><i class="ok" aria-label="5 Aug 2026: No downtime"></i><i class="ok" aria-label="6 Aug 2026: No downtime"></i><i class="ok" aria-label="7 Aug 2026: No downtime"></i><i class="ok" aria-label="8 Aug 2026: No downtime"></i><i class="ok" aria-label="9 Aug 2026: No downtime"></i><i class="ok" aria-label="10 Aug 2026: No downtime"></i><i class="ok" aria-label="11 Aug 2026: No downtime"></i><i class="ok" aria-label="12 Aug 2026: No downtime"></i><i class="ok" aria-label="13 Aug 2026: No downtime"></i><i class="ok" aria-label="14 Aug 2026: No downtime"></i><i class="ok" aria-label="15 Aug 2026: No downtime"></i><i class="ok" aria-label="16 Aug 2026: No downtime"></i><i class="ok" aria-label="17 Aug 2026: No downtime"></i><i class="ok" aria-label="18 Aug 2026: No downtime"></i><i class="ok" aria-label="19 Aug 2026: No downtime"></i><i class="ok" aria-label="20 Aug 2026: No downtime"></i><i class="ok" aria-label="21 Aug 2026: No downtime"></i><i class="ok" aria-label="22 Aug 2026: No downtime"></i><i class="warn" aria-label="23 Aug 2026: Degraded performance, 12 min degraded"></i><i class="ok" aria-label="24 Aug 2026: No downtime"></i><i class="ok" aria-label="25 Aug 2026: No downtime"></i><i class="ok" aria-label="26 Aug 2026: No downtime"></i><i class="ok" aria-label="27 Aug 2026: No downtime"></i><i class="ok" aria-label="28 Aug 2026: No downtime"></i><i class="ok" aria-label="29 Aug 2026: No downtime"></i><i class="ok" aria-label="30 Aug 2026: No downtime"></i><i class="ok" aria-label="31 Aug 2026: No downtime"></i><i class="ok" aria-label="1 Sep 2026: No downtime"></i><i class="ok" aria-label="2 Sep 2026: No downtime"></i><i class="ok" aria-label="3 Sep 2026: No downtime"></i><i class="ok" aria-label="4 Sep 2026: No downtime"></i><i class="ok" aria-label="5 Sep 2026: No downtime"></i><i class="ok" aria-label="6 Sep 2026: No downtime"></i><i class="ok" aria-label="7 Sep 2026: No downtime"></i><i class="ok" aria-label="8 Sep 2026: No downtime"></i><i class="ok" aria-label="9 Sep 2026: No downtime"></i><i class="ok" aria-label="10 Sep 2026: No downtime"></i><i class="ok" aria-label="11 Sep 2026: No downtime"></i><i class="ok" aria-label="12 Sep 2026: No downtime"></i><i class="ok" aria-label="13 Sep 2026: No downtime"></i><i class="ok" aria-label="14 Sep 2026: No downtime"></i><i class="ok" aria-label="15 Sep 2026: No downtime"></i><i class="ok" aria-label="16 Sep 2026: No downtime"></i><i class="ok" aria-label="17 Sep 2026: No downtime"></i><i class="ok" aria-label="18 Sep 2026: No downtime"></i><i class="ok" aria-label="19 Sep 2026: No downtime"></i><i class="ok" aria-label="20 Sep 2026: No downtime"></i><i class="ok" aria-label="21 Sep 2026: No downtime"></i><i class="ok" aria-label="22 Sep 2026: No downtime"></i><i class="ok" aria-label="23 Sep 2026: No downtime"></i><i class="ok" aria-label="24 Sep 2026: No downtime"></i><i class="ok" aria-label="25 Sep 2026: No downtime"></i><i class="ok" aria-label="26 Sep 2026: No downtime"></i><i class="ok" aria-label="27 Sep 2026: No downtime"></i><i class="ok" aria-label="28 Sep 2026: No downtime"></i><i class="ok" aria-label="29 Sep 2026: No downtime"></i><i class="ok" aria-label="30 Sep 2026: No downtime"></i><i class="ok" aria-label="1 Oct 2026: No downtime"></i><i class="ok" aria-label="2 Oct 2026: No downtime"></i><i class="ok" aria-label="3 Oct 2026: No downtime"></i><i class="ok" aria-label="4 Oct 2026: No downtime"></i><i class="ok" aria-label="5 Oct 2026: No downtime"></i><i class="ok" aria-label="6 Oct 2026: No downtime"></i><i class="ok" aria-label="7 Oct 2026: No downtime"></i><i class="ok" aria-label="8 Oct 2026: No downtime"></i><i class="ok" aria-label="9 Oct 2026: No downtime"></i><i class="ok" aria-label="10 Oct 2026: No downtime"></i><i class="ok" aria-label="11 Oct 2026: No downtime"></i></div>
      <div class="up-foot"><span>90 days ago</span><i></i><span class="pct">99.99% uptime</span><i></i><span>Today</span></div>
    </div>
  </li>
  <li class="svc">
    <span class="svc-name">Webhooks <small>delivery to your endpoints</small></span>
    <span class="svc-state warn">Degraded</span>
    <div class="uptime sm">
      <div class="up-bars" role="img" aria-label="Webhooks: 99.98% uptime over 90 days"><i class="ok" aria-label="14 Jul 2026: No downtime"></i><i class="ok" aria-label="15 Jul 2026: No downtime"></i><i class="ok" aria-label="16 Jul 2026: No downtime"></i><i class="ok" aria-label="17 Jul 2026: No downtime"></i><i class="ok" aria-label="18 Jul 2026: No downtime"></i><i class="ok" aria-label="19 Jul 2026: No downtime"></i><i class="ok" aria-label="20 Jul 2026: No downtime"></i><i class="ok" aria-label="21 Jul 2026: No downtime"></i><i class="ok" aria-label="22 Jul 2026: No downtime"></i><i class="ok" aria-label="23 Jul 2026: No downtime"></i><i class="ok" aria-label="24 Jul 2026: No downtime"></i><i class="ok" aria-label="25 Jul 2026: No downtime"></i><i class="ok" aria-label="26 Jul 2026: No downtime"></i><i class="ok" aria-label="27 Jul 2026: No downtime"></i><i class="ok" aria-label="28 Jul 2026: No downtime"></i><i class="ok" aria-label="29 Jul 2026: No downtime"></i><i class="ok" aria-label="30 Jul 2026: No downtime"></i><i class="ok" aria-label="31 Jul 2026: No downtime"></i><i class="ok" aria-label="1 Aug 2026: No downtime"></i><i class="ok" aria-label="2 Aug 2026: No downtime"></i><i class="ok" aria-label="3 Aug 2026: No downtime"></i><i class="ok" aria-label="4 Aug 2026: No downtime"></i><i class="ok" aria-label="5 Aug 2026: No downtime"></i><i class="ok" aria-label="6 Aug 2026: No downtime"></i><i class="ok" aria-label="7 Aug 2026: No downtime"></i><i class="ok" aria-label="8 Aug 2026: No downtime"></i><i class="ok" aria-label="9 Aug 2026: No downtime"></i><i class="ok" aria-label="10 Aug 2026: No downtime"></i><i class="ok" aria-label="11 Aug 2026: No downtime"></i><i class="ok" aria-label="12 Aug 2026: No downtime"></i><i class="ok" aria-label="13 Aug 2026: No downtime"></i><i class="ok" aria-label="14 Aug 2026: No downtime"></i><i class="ok" aria-label="15 Aug 2026: No downtime"></i><i class="warn" aria-label="16 Aug 2026: Degraded performance, 43 min degraded"></i><i class="ok" aria-label="17 Aug 2026: No downtime"></i><i class="ok" aria-label="18 Aug 2026: No downtime"></i><i class="ok" aria-label="19 Aug 2026: No downtime"></i><i class="ok" aria-label="20 Aug 2026: No downtime"></i><i class="ok" aria-label="21 Aug 2026: No downtime"></i><i class="ok" aria-label="22 Aug 2026: No downtime"></i><i class="ok" aria-label="23 Aug 2026: No downtime"></i><i class="ok" aria-label="24 Aug 2026: No downtime"></i><i class="ok" aria-label="25 Aug 2026: No downtime"></i><i class="ok" aria-label="26 Aug 2026: No downtime"></i><i class="ok" aria-label="27 Aug 2026: No downtime"></i><i class="ok" aria-label="28 Aug 2026: No downtime"></i><i class="ok" aria-label="29 Aug 2026: No downtime"></i><i class="ok" aria-label="30 Aug 2026: No downtime"></i><i class="ok" aria-label="31 Aug 2026: No downtime"></i><i class="ok" aria-label="1 Sep 2026: No downtime"></i><i class="ok" aria-label="2 Sep 2026: No downtime"></i><i class="ok" aria-label="3 Sep 2026: No downtime"></i><i class="ok" aria-label="4 Sep 2026: No downtime"></i><i class="ok" aria-label="5 Sep 2026: No downtime"></i><i class="ok" aria-label="6 Sep 2026: No downtime"></i><i class="ok" aria-label="7 Sep 2026: No downtime"></i><i class="ok" aria-label="8 Sep 2026: No downtime"></i><i class="ok" aria-label="9 Sep 2026: No downtime"></i><i class="ok" aria-label="10 Sep 2026: No downtime"></i><i class="ok" aria-label="11 Sep 2026: No downtime"></i><i class="ok" aria-label="12 Sep 2026: No downtime"></i><i class="ok" aria-label="13 Sep 2026: No downtime"></i><i class="ok" aria-label="14 Sep 2026: No downtime"></i><i class="ok" aria-label="15 Sep 2026: No downtime"></i><i class="ok" aria-label="16 Sep 2026: No downtime"></i><i class="ok" aria-label="17 Sep 2026: No downtime"></i><i class="ok" aria-label="18 Sep 2026: No downtime"></i><i class="ok" aria-label="19 Sep 2026: No downtime"></i><i class="ok" aria-label="20 Sep 2026: No downtime"></i><i class="ok" aria-label="21 Sep 2026: No downtime"></i><i class="ok" aria-label="22 Sep 2026: No downtime"></i><i class="ok" aria-label="23 Sep 2026: No downtime"></i><i class="ok" aria-label="24 Sep 2026: No downtime"></i><i class="ok" aria-label="25 Sep 2026: No downtime"></i><i class="ok" aria-label="26 Sep 2026: No downtime"></i><i class="ok" aria-label="27 Sep 2026: No downtime"></i><i class="ok" aria-label="28 Sep 2026: No downtime"></i><i class="ok" aria-label="29 Sep 2026: No downtime"></i><i class="ok" aria-label="30 Sep 2026: No downtime"></i><i class="ok" aria-label="1 Oct 2026: No downtime"></i><i class="ok" aria-label="2 Oct 2026: No downtime"></i><i class="ok" aria-label="3 Oct 2026: No downtime"></i><i class="ok" aria-label="4 Oct 2026: No downtime"></i><i class="ok" aria-label="5 Oct 2026: No downtime"></i><i class="ok" aria-label="6 Oct 2026: No downtime"></i><i class="ok" aria-label="7 Oct 2026: No downtime"></i><i class="ok" aria-label="8 Oct 2026: No downtime"></i><i class="ok" aria-label="9 Oct 2026: No downtime"></i><i class="ok" aria-label="10 Oct 2026: No downtime"></i><i class="warn" aria-label="11 Oct 2026: Degraded performance, 35 min degraded"></i></div>
      <div class="up-foot"><span>90 days ago</span><i></i><span class="pct">99.98% uptime</span><i></i><span>Today</span></div>
    </div>
  </li>
  <li class="svc">
    <span class="svc-name">Payments <small>card and UPI</small></span>
    <span class="svc-state">Operational</span>
    <div class="uptime sm">
      <div class="up-bars" role="img" aria-label="Payments: 100.00% uptime over 90 days"><i class="ok" aria-label="14 Jul 2026: No downtime"></i><i class="ok" aria-label="15 Jul 2026: No downtime"></i><i class="ok" aria-label="16 Jul 2026: No downtime"></i><i class="ok" aria-label="17 Jul 2026: No downtime"></i><i class="ok" aria-label="18 Jul 2026: No downtime"></i><i class="ok" aria-label="19 Jul 2026: No downtime"></i><i class="ok" aria-label="20 Jul 2026: No downtime"></i><i class="ok" aria-label="21 Jul 2026: No downtime"></i><i class="ok" aria-label="22 Jul 2026: No downtime"></i><i class="ok" aria-label="23 Jul 2026: No downtime"></i><i class="ok" aria-label="24 Jul 2026: No downtime"></i><i class="ok" aria-label="25 Jul 2026: No downtime"></i><i class="maint" aria-label="26 Jul 2026: Maintenance, 30 min planned"></i><i class="ok" aria-label="27 Jul 2026: No downtime"></i><i class="ok" aria-label="28 Jul 2026: No downtime"></i><i class="ok" aria-label="29 Jul 2026: No downtime"></i><i class="ok" aria-label="30 Jul 2026: No downtime"></i><i class="ok" aria-label="31 Jul 2026: No downtime"></i><i class="ok" aria-label="1 Aug 2026: No downtime"></i><i class="ok" aria-label="2 Aug 2026: No downtime"></i><i class="ok" aria-label="3 Aug 2026: No downtime"></i><i class="ok" aria-label="4 Aug 2026: No downtime"></i><i class="ok" aria-label="5 Aug 2026: No downtime"></i><i class="ok" aria-label="6 Aug 2026: No downtime"></i><i class="ok" aria-label="7 Aug 2026: No downtime"></i><i class="ok" aria-label="8 Aug 2026: No downtime"></i><i class="ok" aria-label="9 Aug 2026: No downtime"></i><i class="ok" aria-label="10 Aug 2026: No downtime"></i><i class="ok" aria-label="11 Aug 2026: No downtime"></i><i class="ok" aria-label="12 Aug 2026: No downtime"></i><i class="ok" aria-label="13 Aug 2026: No downtime"></i><i class="ok" aria-label="14 Aug 2026: No downtime"></i><i class="ok" aria-label="15 Aug 2026: No downtime"></i><i class="ok" aria-label="16 Aug 2026: No downtime"></i><i class="ok" aria-label="17 Aug 2026: No downtime"></i><i class="ok" aria-label="18 Aug 2026: No downtime"></i><i class="ok" aria-label="19 Aug 2026: No downtime"></i><i class="ok" aria-label="20 Aug 2026: No downtime"></i><i class="ok" aria-label="21 Aug 2026: No downtime"></i><i class="ok" aria-label="22 Aug 2026: No downtime"></i><i class="ok" aria-label="23 Aug 2026: No downtime"></i><i class="ok" aria-label="24 Aug 2026: No downtime"></i><i class="ok" aria-label="25 Aug 2026: No downtime"></i><i class="ok" aria-label="26 Aug 2026: No downtime"></i><i class="ok" aria-label="27 Aug 2026: No downtime"></i><i class="ok" aria-label="28 Aug 2026: No downtime"></i><i class="ok" aria-label="29 Aug 2026: No downtime"></i><i class="ok" aria-label="30 Aug 2026: No downtime"></i><i class="ok" aria-label="31 Aug 2026: No downtime"></i><i class="ok" aria-label="1 Sep 2026: No downtime"></i><i class="ok" aria-label="2 Sep 2026: No downtime"></i><i class="ok" aria-label="3 Sep 2026: No downtime"></i><i class="ok" aria-label="4 Sep 2026: No downtime"></i><i class="ok" aria-label="5 Sep 2026: No downtime"></i><i class="ok" aria-label="6 Sep 2026: No downtime"></i><i class="ok" aria-label="7 Sep 2026: No downtime"></i><i class="ok" aria-label="8 Sep 2026: No downtime"></i><i class="ok" aria-label="9 Sep 2026: No downtime"></i><i class="ok" aria-label="10 Sep 2026: No downtime"></i><i class="ok" aria-label="11 Sep 2026: No downtime"></i><i class="ok" aria-label="12 Sep 2026: No downtime"></i><i class="ok" aria-label="13 Sep 2026: No downtime"></i><i class="ok" aria-label="14 Sep 2026: No downtime"></i><i class="ok" aria-label="15 Sep 2026: No downtime"></i><i class="ok" aria-label="16 Sep 2026: No downtime"></i><i class="ok" aria-label="17 Sep 2026: No downtime"></i><i class="ok" aria-label="18 Sep 2026: No downtime"></i><i class="ok" aria-label="19 Sep 2026: No downtime"></i><i class="ok" aria-label="20 Sep 2026: No downtime"></i><i class="ok" aria-label="21 Sep 2026: No downtime"></i><i class="ok" aria-label="22 Sep 2026: No downtime"></i><i class="ok" aria-label="23 Sep 2026: No downtime"></i><i class="ok" aria-label="24 Sep 2026: No downtime"></i><i class="ok" aria-label="25 Sep 2026: No downtime"></i><i class="ok" aria-label="26 Sep 2026: No downtime"></i><i class="ok" aria-label="27 Sep 2026: No downtime"></i><i class="ok" aria-label="28 Sep 2026: No downtime"></i><i class="ok" aria-label="29 Sep 2026: No downtime"></i><i class="ok" aria-label="30 Sep 2026: No downtime"></i><i class="ok" aria-label="1 Oct 2026: No downtime"></i><i class="ok" aria-label="2 Oct 2026: No downtime"></i><i class="ok" aria-label="3 Oct 2026: No downtime"></i><i class="ok" aria-label="4 Oct 2026: No downtime"></i><i class="ok" aria-label="5 Oct 2026: No downtime"></i><i class="ok" aria-label="6 Oct 2026: No downtime"></i><i class="ok" aria-label="7 Oct 2026: No downtime"></i><i class="ok" aria-label="8 Oct 2026: No downtime"></i><i class="ok" aria-label="9 Oct 2026: No downtime"></i><i class="ok" aria-label="10 Oct 2026: No downtime"></i><i class="ok" aria-label="11 Oct 2026: No downtime"></i></div>
      <div class="up-foot"><span>90 days ago</span><i></i><span class="pct">100.00% uptime</span><i></i><span>Today</span></div>
    </div>
  </li>
</ul>

The public status page, top to bottom. The banner answers the only question most visitors have, in one line. Below it, every component has a state in words on the right and ninety days of history under its name. Customers think in features (webhooks, payments), not in services (event-relay), so name rows the way your pricing page does.

Banner

All systems operational

Partial outage on webhooks

Major outage: the API is unavailable

Scheduled maintenance in progressUntil 03:00 IST

Code

<div class="sys"><span class="status-dot"></span>All systems operational</div>
<div class="sys warn"><span class="status-dot warn"></span>Partial outage on webhooks</div>
<div class="sys down"><span class="status-dot down"></span>Major outage: the API is unavailable</div>
<div class="sys maint"><span class="status-dot"></span>Scheduled maintenance in progress<time>Until 03:00 IST</time></div>

A tinted surface in the state colour, its border mixed toward the rule. The dot inside takes the banner's colour, so it needs no modifier of its own. It sits above everything and changes the moment the worst component changes.

Groups

Data platform 3 componentsPartial outage
- IngestionOperational
- Warehouse queriesMajor outage
- Scheduled exportsMaintenance
AuthenticationOperational

Code

<ul class="svc-list">
  <li>
    <details class="svc-group" open>
      <summary class="svc"><span class="svc-name">Data platform <small>3 components</small></span><span class="svc-state partial">Partial outage</span></summary>
      <ul>
        <li class="svc"><span class="svc-name">Ingestion</span><span class="svc-state">Operational</span></li>
        <li class="svc"><span class="svc-name">Warehouse queries</span><span class="svc-state down">Major outage</span></li>
        <li class="svc"><span class="svc-name">Scheduled exports</span><span class="svc-state maint">Maintenance</span></li>
      </ul>
    </details>
  </li>
  <li class="svc"><span class="svc-name">Authentication</span><span class="svc-state">Operational</span></li>
</ul>

A group takes the state of its worst child and opens on the native <details> element, so it needs no script. Leave groups with a problem open by default.

Class	On	What it does
`.sys`	div	The overall banner. `.warn`, `.down`, `.maint`; healthy by default. A trailing `<time>` or `.meta` sits on the right.
`.svc-list`	ul	The bordered list. Rows are separated by hairlines.
`.svc`	li, summary	One component: name, state and an optional `.uptime` under them.
`.svc-name`	span	The name, with a mono `<small>` for the host or a note.
`.svc-state`	span	State in words with a dot. Operational by default; `.warn` (degraded), `.partial`, `.down` (major outage), `.maint`.
`.svc-group`	details	A group. Its summary is a `.svc` row with a chevron; children are indented on `--bg`.

Five states at most, always in words: Operational, Degraded, Partial outage, Major outage, Maintenance.
The time of the last update in the banner, with a timezone.
Update the banner by hand if automation lags. A green page during an outage costs more trust than the outage.

Don't

Internal service names and hostnames customers never see.
Percentages to four decimals. Two is plenty.
A list of forty components. Group them.

Accessibility

State is always a word next to the dot, so colour is never the only channel.
Give the banner role="status" if it updates in place, so the change is announced.