Vantage · status pages · mockup for approval

Two screens: what the public sees, and what the operator edits

Drawn with the real web/ dark tokens and the existing sidebar idioms, so what gets approved here is what gets built. The public page is shown mid-incident rather than all-green, because that is the state it exists for.

1 · Public status page

web/app/status/[pageId]/page.tsx · no auth, no sidebar

https://acme.vantage.example.com/status/api signed out

AC

Acme Platform Status

Live availability for the Acme API and dashboard.

Service disruption

Active

Elevated error rates on database writes

Started 24 Aug 2026, 09:12 UTC

monitoring

Affects Primary database, Public API

monitoring11:40 UTC

Failover completed. Write latency is back to normal and we are watching for recurrence before calling this resolved.

identified09:48 UTC

A failing disk on the primary database node is causing write timeouts. Failover to the standby node is in progress.

investigating09:15 UTC

We are investigating a rise in write errors affecting the API.

Scheduled maintenance

Object storage capacity upgrade

31 Aug 2026, 02:00 – 04:00 UTC

scheduled

Affects Object storage

API

Public API Down

90 days ago99.81% uptimeToday

Webhook delivery Operational

90 days ago99.99% uptimeToday

Web

Dashboard Operational

90 days ago99.97% uptimeToday

Data

Primary database Down

90 days ago99.62% uptimeToday

Object storage Maintenance

90 days ago99.94% uptimeToday

Search index Operational

90 days ago100.00% uptimeToday

Past incidents

Public API unavailable

2 Aug 2026, 14:02 UTC — resolved 14:19 UTC

resolved

Affects Public API

Slow dashboard loads in Europe

17 Jul 2026, 08:30 UTC — resolved 10:05 UTC

resolved

Affects Dashboard

Updated 24 Aug 2026, 11:58 UTC · refreshes every 60 seconds

RedactedNo target URL, host, port or failure text anywhere on this page. Search index shows the no-data tail as grey cells rather than claiming 100% for days before it existed.
MaintenanceObject storage reads as Maintenance, not Down — but its uptime figure is untouched. The window changes how it is drawn, never what the numbers say.
ColourEvery state carries a word and a shape as well as a hue. The page is readable with colour vision differences and in greyscale print.

2 · Status page editor

web/app/(app)/status-pages/[pageId]/page.tsx · owner or admin

All status pages

Acme Platform Status

acme.vantage.example.com/status/api

Details

What visitors see at the top of the page.

published

Published

Anyone with the link can read this page. Unpublished pages return not found, so you can compose before announcing.

Title

Page address Fixed once created — the link is already out there.

Description

Logo URL

Notice Shown above everything else. Clear it to remove the notice.

Components

Monitors grouped for the public page. Grouping here is separate from the groups on Monitors.

prod-api-eu-health http · every 30s

hooks-dispatch-probe http · every 60s

pg-primary-10-0-0-5 tcp · every 30s

minio-gw http · every 60s

Incidents

Written by you. Outages Vantage detects appear on the page automatically.

Elevated error rates on database writes Opened 09:12 UTC · 3 updates · affects Primary database, Public API

monitoring

Object storage capacity upgrade 31 Aug, 02:00–04:00 UTC · affects Object storage

scheduled

Slow dashboard loads in Europe 17 Jul · resolved after 1h 35m · affects Dashboard

resolved

NamingThe monitor's own identifier stays visible on the left; the public name is a separate field beside it. An empty field falls back to the identifier, which the placeholder shows — so publishing an internal name is always a visible choice.
AddressThe page address is fixed after creation and the record line carries the whole URL, click to copy. It is what gets pasted into a support article.
CopyButtons name the outcome: Open incident, Post update, Schedule maintenance — the same words the public timeline then shows.