Home
DESIGN.mdStar on GitHub

PagerDuty

Ship faster, resolve smarter, sleep better — the AI-first operations platform for real-time incident response.

Incident Response On-Call Escalation Policies AIOps Automation Status Pages
Signature — Incident Response
Open incidents
Colors
Primary
green#06AC38Brand, mark, resolved
electric-jade#ADF07EPrimary CTA (dark text)
green-deep#048A24Hover, green text
cosmic-ocean#082B56Deep navy accent
Incident status
triggered#FB2C36Triggered, error
acknowledged#FAC800Acknowledged, warning
resolved#22C55EResolved, success
info#082B56Info, low urgency
Neutrals
ink#09090BDark page, headings
grey#525252Secondary text
border#E5E5E5Borders, dividers
off-white#FAFAFALight page
Typography — Plain (≈ Inter) · JetBrains Mono
display
Inter · 700
PagerDuty
52px700
h1
Inter · 700
Ship faster, resolve smarter
32px700
h2
Inter · 600
The AI-first operations platform
22px600
body-lg
Inter · 400
Detect, triage, and resolve incidents in real time.
17px400
body-sm
Inter · 400
Route the right alert to the right responder, instantly.
13px400
mono
JetBrains Mono · 500
PD-4821 · api-gateway · SEV-1 · triggered
12pxmono
Components
Buttons
Status badges
Triggered Acknowledged Resolved
Event API
Radius
6px
8px
12px
Guardrails
DO
Use electric-jade #ADF07E with dark text for the primary action
Use brand green #06AC38 for the mark, resolved state, and accents
Color status semantically: red triggered, amber acknowledged, green resolved
Set UI in Inter (≈ Plain), incident IDs / timestamps in JetBrains Mono
Keep operations surfaces dark (#09090B) — where on-call lives
DON'T
Put white text on jade or green buttons — contrast fails; use dark ink
Use green for a triggered/unresolved incident — green means resolved
Tint dark surfaces navy-heavy — the ops surface is near-black zinc
Render incident IDs or timestamps in a sans — mono carries the log
Fabricate incidents — use real SEV levels, service names, and a real lifecycle