Start with evidence, not a summary card. Put the change, signal, time, source, and owner on the same visual plane.
Editorial · Dark · Technical
Nightshift.
A precise dark system for tools that need evidence, hierarchy, and calm under pressure.
Checkout latency after deploy
Started 6 minutes after [email protected] reached 100% traffic.
Nightshift Landing
Every incident is a sequence.
Afterlog gives engineering teams one field for the change, the signal, and the owner. Start with the event that moved production.
afterlog inspect --service payments-api- 14:26:02deploy.complete4.18.0
- 14:31:44latency.thresholdp95 1.84 s
- 14:32:08incident.openedINC-0427
The change and the consequence, on one axis.
No card wall. No summary detached from evidence. The timeline stays attached to the services it describes.
Nightshift Product
- Deployment started[email protected]release / maya.t
- Traffic reached 100%New instances healthydeploy / production
- Latency crossed thresholdp95 moved from 580 ms to 1.84 ssignal / checkout.latency
- Incident openedPayments team assignedafterlog / automatic
- Pool saturation isolateddb.primary / max connectionsfinding / query diff
Nightshift Mobile
An incident handoff with only the active signal, latest finding, and next action.
Checkout latency after deploy
- Owner
- Payments
- Opened
- 14:32 UTC
Retry behavior keeps connections open across failed payment intents.
- Latency crossed thresholdp95 1.84 s
- Incident openedPayments assigned
- Pool saturation isolateddb.primary
Nightshift System
Actions and navigation
NS / 01Command and input
NS / 02afterlog inspect --since 30m↵Query stopped at line 12. The field span.owner is not available. Use service.owner.
Runtime stream
NS / 03Inside the pack
Five working files turn the visual direction into instructions an agent can apply beyond this showcase.
Keep data and evidence attached to their source, time, owner, or state.
--color-paper: oklch(13% 0.012 145);
--color-accent: oklch(78% 0.155 145);
--font-display: "Space Grotesk", "Trebuchet MS", sans-serif;<article class="mobile-finding">
<span>Latest finding / 14:34</span>
<strong>Connection pool saturation</strong>
</article>