Status Badge
PNG Badge
Section titled “PNG Badge”<img src='https://[slug].openstatus.dev/badge'>
This will return a PNG image with the status of your page. It will look like this:
You can customize the theme by adding ?theme=dark
and the size of it by adding ?size=lg
.
Supported themes:
dark
light
(default)
Supported sizes:
sm
(default)md
lg
xl
It will display the following labels based on the current status of the status page:
OperationalDegradedOutageIncidentMaintenanceUnknown
SVG Badge (v2)
Section titled “SVG Badge (v2)”<img src='https://[slug].openstatus.dev/badge/v2'>
This will return a PNG image with the status of your page. It will look like this:
You can customize the theme by adding ?theme=dark
and the size of it by adding ?size=lg
.
Supported themes:
dark
light
(default)
Supported sizes:
sm
(default)md
lg
xl
Compared to the PNG badge, we let you define the border
and border-radius
of the SVG badge and the font is mono.
It will display the following labels based on the current status of the status page:
All Systems OperationalDegraded PerformancePartial OutageMajor OutageOngoing IncidentUnder MaintenanceUnknown
Read more on which status is being shown here.