diff --git a/docs/_index.md b/docs/_index.md
index b0015364..a6701970 100644
--- a/docs/_index.md
+++ b/docs/_index.md
@@ -1,5 +1,6 @@
 ---
 title: SNClient
+description: "Monitor Linux, Windows, and macOS with a flexible agent for Nagios, Naemon, and Prometheus."
 linkTitle: SNClient
 weight: 400
 tags:
@@ -12,12 +13,13 @@ tags:
   - macos
 ---
 
+<span class="project-logo project-logo--snclient"><a href="logo/"><img class="project-logo-light" src="logo/snclient.svg" alt="SNClient" width="200" height="141"><img class="project-logo-dark" src="logo/snclient_dark.svg" alt="SNClient" width="200" height="141"></a></span>
+
 [![CICD Pipeline](https://github.com/Consol-Monitoring/snclient/actions/workflows/builds.yml/badge.svg?branch=main)](https://github.com/Consol-Monitoring/snclient/actions/workflows/builds.yml)
 [![Latest Release](https://img.shields.io/github/v/release/Consol-Monitoring/snclient?sort=semver)](https://github.com/Consol-Monitoring/snclient/releases)
 [![Downloads](https://img.shields.io/github/downloads/Consol-Monitoring/snclient/total?color=yellow)](https://github.com/Consol-Monitoring/snclient/releases)
 [![License](https://img.shields.io/github/license/Consol-Monitoring/snclient)](https://github.com/Consol-Monitoring/snclient/blob/main/LICENSE)
 [![IRC](https://img.shields.io/badge/IRC-libera.chat%2F%23snclient-blue)](https://web.libera.chat/?nick=Guest?#snclient)
-<a href="logo/"><img src="logo/snclient.svg" style="float:right; margin: 3px; height: auto; width: 200px; float: right;"></a>
 
 **SNClient** is an open-source, general-purpose monitoring agent designed as a replacement for NSClient++. It is a drop-in replacement for most use cases.
 
diff --git a/docs/logo/_index.md b/docs/logo/_index.md
index 49701710..3999b255 100644
--- a/docs/logo/_index.md
+++ b/docs/logo/_index.md
@@ -6,18 +6,25 @@ linkTitle: Logo
 The logo can be used under the same license as SNClient itself to link back to
 the SNClient homepage or source code.
 
-## Light Mode
-
-snclient.png:
-
-<img src="snclient.svg" style="height: auto; width: 200px; background: #EEE;">
-
-- [snclient.png](snclient.png)
-- [snclient.svg](snclient.svg)
-
-## Dark Mode
-
-<img src="snclient_dark.png" style="height: auto; width: 200px; background: #222;">
-
-- [snclient_dark.png](snclient_dark.png)
-- [snclient_dark.svg](snclient_dark.svg)
+<div style="display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; margin: 1.5rem 0;">
+  <section aria-labelledby="logo-light-mode">
+    <h2 id="logo-light-mode">Light mode</h2>
+    <div style="padding: 1.5rem; border-radius: 12px; background: #f1f5f9;">
+      <img src="snclient.svg" alt="SNClient logo for light backgrounds" width="240" style="display: block; width: 100%; max-width: 240px; height: auto; margin: auto;">
+    </div>
+    <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem; margin-top: 1rem;">
+      <a style="display: inline-block; padding: 0.6rem 1rem; border-radius: 6px; background: #0759b5; color: #fff; font-weight: 600; text-decoration: none;" href="snclient.png" download>Download PNG</a>
+      <a style="display: inline-block; padding: 0.6rem 1rem; border-radius: 6px; background: #0759b5; color: #fff; font-weight: 600; text-decoration: none;" href="snclient.svg" download>Download SVG</a>
+    </div>
+  </section>
+  <section aria-labelledby="logo-dark-mode">
+    <h2 id="logo-dark-mode">Dark mode</h2>
+    <div style="padding: 1.5rem; border-radius: 12px; background: #202733;">
+      <img src="snclient_dark.svg" alt="SNClient logo for dark backgrounds" width="240" style="display: block; width: 100%; max-width: 240px; height: auto; margin: auto;">
+    </div>
+    <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem; margin-top: 1rem;">
+      <a style="display: inline-block; padding: 0.6rem 1rem; border-radius: 6px; background: #0759b5; color: #fff; font-weight: 600; text-decoration: none;" href="snclient_dark.png" download>Download PNG</a>
+      <a style="display: inline-block; padding: 0.6rem 1rem; border-radius: 6px; background: #0759b5; color: #fff; font-weight: 600; text-decoration: none;" href="snclient_dark.svg" download>Download SVG</a>
+    </div>
+  </section>
+</div>
diff --git a/docs/logo/snclient.png b/docs/logo/snclient.png
index cb16c834..6b0886e5 100644
Binary files a/docs/logo/snclient.png and b/docs/logo/snclient.png differ
diff --git a/docs/prometheus/_index.md b/docs/prometheus/_index.md
index 75d88090..e03023cb 100644
--- a/docs/prometheus/_index.md
+++ b/docs/prometheus/_index.md
@@ -1,7 +1,6 @@
 ---
 title: Prometheus
 linkTitle: Prometheus
-description: Explore SNClient's built-in Prometheus metrics and exporter integrations.
 weight: 300
 tags:
   - prometheus