Home
DESIGN.mdStar on GitHub

The active reliability layer
for developers & agents.

The only monitoring platform built from the ground up to be operated by developers and agents — a clear signal of application health.

$ npx checkly init
Brand
Surfaces (dark)
Text
Check state & code (Dracula)
Inter / 800
Display · 52px
The active reliability layer
Inter
Inter / 600
Heading · 15px
Monitoring as Code, run everywhere
Inter
Inter / 400
Body · 14px
A clear signal of application health for developers and agents.
Inter
JetBrains Mono
Code · 12px
new ApiCheck('checkout-api', { frequency: 1 })
JetBrains Mono
API Checkout API
Passing
274ms
p95
99.98%
uptime 24h
1m
every
__checks__/checkout.check.ts
1import { ApiCheck, AssertionBuilder } from 'checkly/constructs'
2
3new ApiCheck('checkout-api', {
4  name: 'Checkout API',
5  frequency: 1,
6  locations: ['us-east-1', 'eu-central-1',
7    'ap-southeast-1', 'sa-east-1'],
8  degradedResponseTime: 300,
9  maxResponseTime: 1000,
10  request: {
11    method: 'POST',
12    url: 'https://api.acme.co/checkout',
13    assertions: [
14      AssertionBuilder.statusCode().equals(200),
15      AssertionBuilder.jsonBody('$.status').equals('ok'),
16    ],
17  },
18})
Response time · last 24h p95avg
Locations
Check results · last 34 runs
last run 38s ago · exit 0
Monitoring as Code — a real ApiCheck construct beside its live result: global latency, per-region status, and the pass/fail heartbeat. Run the check to execute it.
Buttons
Check state
● Passing ● Degraded ● Failing ● Running
API Browser Playwright
Checkly CLI (input)
test → deploy → monitor
Radius
btn · 8
card · 9
panel · 14
Do
Keep the canvas deep navy #041734 with one electric checkly-blue for action & active state.
Show checks as code — Monitoring as Code is the whole thesis.
Color check state by meaning: green passing, orange degraded, red failing.
Report real global regions & latency — the heartbeat bar is the signal.
Don't
Use a purple accent — Checkly is blue (correct the old assumption).
Add a second bright accent — green/red/orange are state-only.
Render checks as opaque config UI without the code.
Set code in the UI sans — code is JetBrains Mono in the Dracula palette.