The all-in-one AI platform for on-call, incident response, and status pages — built for fast-moving teams.
/incident declare
Colors
Brand
Surfaces (light)
Text
Incident status & severity
Typography
Newsreader / 500
≈ STK Bureau Serif · Display · 60px
Move fast when you break things
Newsreader
Inter / 600
≈ Untitled Sans · Heading · 20px
On-call, incident response, status pages
Inter
Inter / 400
Body · 15px
Declare an incident in Slack and drive it to resolution.
Inter
Geist Mono
IDs / code · 13px
#inc-7450-user-service-high-error-rate
Geist Mono
Kalam / 400
Annotation · 15px
keep the humans in the loop ✎
Kalam
Signature · The incident
User service high error rate
#inc-7450-user-service-high-error-rate
SEV2Investigating
Incident LeadED Ed Dean
Comms LeadPR Pete Hamilton
AffectedUser Service · Auth API
Started12:28 PM · 7 min ago
↳ auto-paged the on-call from Datadog
Timelineopen · 7m
next: Identified
Declare, then drive to resolution. Update the status to walk the lifecycle — Investigating → Identified → Monitoring → Resolved — each step posts to the timeline and recolors the incident.
Components
Buttons
Incident status
● Investigating● Fixing● Monitoring● Resolved
SEV1SEV2SEV3SEV4
Slack command (input)
declare → respond → resolve
Radius
btn · pill
card · 12
panel · 16
Guardrails
Do
Keep the canvas warm cream #F8F5EF (or ink) with near-black text and one alarmalade coral.
Set the hero & editorial headings in the serif; product UI in Inter.
Color incident status by meaning: amber investigating, coral fixing, blue monitoring, green resolved.
Use Geist Mono for incident IDs & channels; a light Kalam annotation is on-brand.
Don't
Swap the warm cream for a cold grey — the paper tint is part of the identity.
Add a second saturated accent beside coral — the spectrum is status-only.
Set incident IDs or timestamps in a proportional sans — they're mono.