diff --git a/docs.json b/docs.json
index c27b313..e1c9af6 100644
--- a/docs.json
+++ b/docs.json
@@ -39,7 +39,8 @@
"v3.x/guide/webhooks",
"v3.x/guide/mcp",
"v3.x/guide/users",
- "v3.x/guide/dashboard"
+ "v3.x/guide/dashboard",
+ "v3.x/guide/status-badges"
]
},
{
diff --git a/v3.x/guide/status-badges.mdx b/v3.x/guide/status-badges.mdx
new file mode 100644
index 0000000..b286277
--- /dev/null
+++ b/v3.x/guide/status-badges.mdx
@@ -0,0 +1,42 @@
+---
+title: 'Status badges'
+description: 'Embed the current Cachet system or component status in an SVG badge.'
+icon: 'badge-check'
+---
+
+Cachet can generate cacheable SVG badges that show the current overall status or the status of an individual component.
+Use these badges in a README, project page, or any other place that supports an image URL.
+
+## Overall status badge
+
+Append `/badge.svg` to your status page URL:
+
+```html
+
+```
+
+If Cachet is installed below a path, include that path in the URL. For example, an installation served at
+`https://example.com/status` has its badge at `https://example.com/status/badge.svg`.
+
+## Component status badge
+
+Append `/components/{component}/badge.svg`, replacing `{component}` with the component ID:
+
+```html
+
+```
+
+Only enabled components that are publicly visible have badges. A badge request for a disabled component or a component
+in a non-public group returns `404 Not Found`.
+
+## Badge styles
+
+Choose a style by passing the `style` query parameter. Cachet supports `flat-square` (the default), `plastic-flat`,
+`flat`, `plastic`, `social`, and `svg`.
+
+```html
+
+```
+
+Badge responses are cached for 60 seconds, so they remain current without requiring every visitor to trigger a new
+render.