diff --git a/Badge.md b/Badge.md
index 1e45478..54a8ddd 100644
--- a/Badge.md
+++ b/Badge.md
@@ -1,3 +1,125 @@
 (Version >= 1.16.0)
 
-Please read: https://github.com/louislam/uptime-kuma/pull/1119
\ No newline at end of file
+
+
+# Description
+
+`status`, `ping`, `uptime`, `avg-response`, `cert-exp` and `response`-badges are generated locally.
+The server does this for all monitors which have been added to status pages and have thus been published.
+The design is based on [badge-maker](https://www.npmjs.com/package/badge-maker) aka. [shields.io](http://shields.io/).
+
+These are the endpoints that return an SVG graphic for a given (public) monitor:
+
+| Badge Type     | URL scheme                                              | URL example                           | Graphic example                              |
+|----------------|---------------------------------------------------------|---------------------------------------|----------------------------------------------|
+| `status`       | `<kuma-url>/api/badge/:monitorID/status`                | `<kuma-url>/api/badge/1/status`       | ![image](img/badge/status-example.png)       |
+| `uptime`       | `<kuma-url>/api/badge/:monitorID/uptime:duration`       | `<kuma-url>/api/badge/1/uptime`       | ![image](img/badge/uptime-example.png)       |
+| `ping`         | `<kuma-url>/api/badge/:monitorID/ping:duration`         | `<kuma-url>/api/badge/1/ping`         | ![image](img/badge/ping-example.png)         |
+| `avg-response` | `<kuma-url>/api/badge/:monitorID/avg-response:duration` | `<kuma-url>/api/badge/1/avg-response` | ![image](img/badge/avg-response-example.png) |
+| `cert-exp`     | `<kuma-url>/api/badge/:monitorID/cert-exp`              | `<kuma-url>/api/badge/1/cert-exp`     | ![image](img/badge/cert-exp-example.png)     |
+| `response`     | `<kuma-url>/api/badge/:monitorID/response`              | `<kuma-url>/api/badge/1/response`     | ![image](img/badge/response-example.png)     |
+
+> [!TIP]
+> We have an Badge Generator integrated which makes this configuration more interactive.
+> 
+> You can use said generator via: 
+> - navigating to a status page in edit mode
+> - <details><summary>Clicking on the settings icon</summary>
+>   <p>
+>   
+>   ![image](img/badge/settings-button.png)
+>   
+>   </p>
+>   </details>
+> - <details><summary>Clicking on the <code>Open Badge Maker</code>-button</summary>
+>   <p>
+>   
+>   ![image](img/badge/settings.png)
+>   
+>   </p>
+>   </details>
+> - <details><summary>filling out the form to create your own badge</summary>
+>   <p>
+>   
+>   ![image](img/badge/open-badge-generator.png)
+>   
+>   </p>
+>   </details>
+
+# Badge Type Options
+
+## Status badge
+
+There are options to customize the **status** badge's appearance: 
+- `upLabel`,Default value: Up
+- `downLabel`, Default value: Down
+- `upColor` 
+- `downColor`
+
+**Examples**
+
+| Badge | Url |
+|-------|-----|
+| ![image](img/badge/status-label.png) | `<kuma-url>/api/badge/<monitorId>/status?upLabel=<upLabel>&downLabel=<downLabel>` |
+| ![image](img/badge/status-bw.png) | `<kuma-url>/api/badge/<monitorId>/status?upColor=white&downColor=black` |
+
+## Ping, uptime, avg-response and response badge
+
+There are options to customize the **ping**, **uptime**, **avg-response** and **response** badge's text:
+- `labelPrefix`
+- `label`
+- `labelSuffix`, Default: value: uptime, ping & avg-response 	image= `h`
+- `prefix`
+- `suffix`, Default value: uptime= `%`, ping, avg-response & response= `ms`
+- `color`
+- `labelColor`
+
+**Examples**
+
+| Badge | Url |
+|-------|-----|
+| ![image](img/badge/ping-label.png) | `<kuma-url>/api/badge/<monitorId>/ping/24?labelPrefix=<labelPrefix>&label=<label>&labelSuffix=<labelSuffix>&prefix=<prefix>&suffix=<suffix>` |
+| ![image](img/badge/uptime-label.png) | `<kuma-url>/api/badge/<monitorId>/uptime/24?labelPrefix=<labelPrefix>&label=<label>&labelSuffix=<labelSuffix>&prefix=<prefix>&suffix=<suffix>` |
+|  | `<kuma-url>/api/badge/<monitorId>/avg-response/24?labelPrefix=<labelPrefix>&label=<label>&labelSuffix=<labelSuffix>&prefix=<prefix>&suffix=<suffix>` |
+
+The default uptime badge's color is based on the uptime percentage:
+
+![image](img/badge/uptime-color.png)
+
+but can be overwritten with [predefined color](https://www.npmjs.com/package/badge-maker#colors) or any other color in HEX code:
+
+![image](img/badge/custom-colours.png)
+
+### Badge Duration at ping, uptime and avg-response
+
+The given time interval at `Badge Duration (in hours)` has to be in 'hours', but customizing options allow for a different display: 
+
+**Example**
+
+| Badge | Url |
+|-------|-----|
+| ![image](img/badge/duration.png) | `<kuma-url>/api/badge/1/uptime/720?label=30&labelSuffix=d` |
+
+## Certificate Expire badge
+
+There are the same options like **ping**, **uptime** and **avg-response** and additional to customize the **cert-exp** badge's text: 
+- `upColor`
+- `downColor` 
+- `warnDays` 
+- `downDays`
+
+# Badge Styles
+
+The different badge styles as defined by https://shields.io/#styles. (thx @throwabird / [comment](https://github.com/louislam/uptime-kuma/pull/1119#issuecomment-1004760533) )
+
+- `flat` (default)
+- `flat-square`
+- `plastic`
+- `for-the-badge`
+- `social`
+
+**Example**
+
+| Badge | Url |
+|-------|-----|
+| ![image](img/badge/badge-style.png) | `<kuma-url>/api/badge/<monitorId>/status?style=flat-square` |
diff --git a/img/badge/avg-response-example.png b/img/badge/avg-response-example.png
new file mode 100644
index 0000000..367785d
Binary files /dev/null and b/img/badge/avg-response-example.png differ
diff --git a/img/badge/badge-style.png b/img/badge/badge-style.png
new file mode 100644
index 0000000..d71b735
Binary files /dev/null and b/img/badge/badge-style.png differ
diff --git a/img/badge/cert-exp-example.png b/img/badge/cert-exp-example.png
new file mode 100644
index 0000000..a9a98d0
Binary files /dev/null and b/img/badge/cert-exp-example.png differ
diff --git a/img/badge/custom-colours.png b/img/badge/custom-colours.png
new file mode 100644
index 0000000..bbe0a45
Binary files /dev/null and b/img/badge/custom-colours.png differ
diff --git a/img/badge/duration.png b/img/badge/duration.png
new file mode 100644
index 0000000..e464a20
Binary files /dev/null and b/img/badge/duration.png differ
diff --git a/img/badge/open-badge-generator.png b/img/badge/open-badge-generator.png
new file mode 100644
index 0000000..f3a73df
Binary files /dev/null and b/img/badge/open-badge-generator.png differ
diff --git a/img/badge/ping-example.png b/img/badge/ping-example.png
new file mode 100644
index 0000000..7721617
Binary files /dev/null and b/img/badge/ping-example.png differ
diff --git a/img/badge/ping-label.png b/img/badge/ping-label.png
new file mode 100644
index 0000000..f01a053
Binary files /dev/null and b/img/badge/ping-label.png differ
diff --git a/img/badge/response-example.png b/img/badge/response-example.png
new file mode 100644
index 0000000..807520c
Binary files /dev/null and b/img/badge/response-example.png differ
diff --git a/img/badge/settings-button.png b/img/badge/settings-button.png
new file mode 100644
index 0000000..97d2eb6
Binary files /dev/null and b/img/badge/settings-button.png differ
diff --git a/img/badge/settings.png b/img/badge/settings.png
new file mode 100644
index 0000000..2ee6064
Binary files /dev/null and b/img/badge/settings.png differ
diff --git a/img/badge/status-bw.png b/img/badge/status-bw.png
new file mode 100644
index 0000000..f0d41cd
Binary files /dev/null and b/img/badge/status-bw.png differ
diff --git a/img/badge/status-example.png b/img/badge/status-example.png
new file mode 100644
index 0000000..a61f8dd
Binary files /dev/null and b/img/badge/status-example.png differ
diff --git a/img/badge/status-label.png b/img/badge/status-label.png
new file mode 100644
index 0000000..29df5a5
Binary files /dev/null and b/img/badge/status-label.png differ
diff --git a/img/badge/uptime-color.png b/img/badge/uptime-color.png
new file mode 100644
index 0000000..8e3711f
Binary files /dev/null and b/img/badge/uptime-color.png differ
diff --git a/img/badge/uptime-example.png b/img/badge/uptime-example.png
new file mode 100644
index 0000000..6e54398
Binary files /dev/null and b/img/badge/uptime-example.png differ
diff --git a/img/badge/uptime-label.png b/img/badge/uptime-label.png
new file mode 100644
index 0000000..0f79cba
Binary files /dev/null and b/img/badge/uptime-label.png differ