docs(site): use the official Moby mark (whale + 8 containers)

dgageot · dgageot · commit bd8b4e4f2d4c · 2026-05-13T16:50:48.000+02:00
The hand-authored \`docker-mark.svg\` shipped in 7e3b96f drew the whale alone, missing the eight container shapes Docker stacks on its back \u2014 the visual centerpiece of the brand mark. Reviewer rightly spotted that this didn't match Docker's official assets at https://www.docker.com/company/newsroom/media-resources/. Replace it with the SVG taken straight from Docker's official \`Docker-Logos-1.zip\` brand kit: \u2022 \`docker-mark.svg\` \u2014 Ocean Blue mark (whale + 4 containers on top, 1 in front, 3 in back row) \u2022 \`docker-mark-white.svg\` \u2014 white variant for dark backgrounds Also drop the unused \`docker-wordmark.svg\` (created for the now- reverted top bar) and update the header \`<img>\` height from 26px to 25px so the rendered size honors the official 340:268 (\u22481.27:1) aspect ratio.
diff --git a/docs/_includes/header.html b/docs/_includes/header.html
@@ -2,7 +2,7 @@
 <header class="header" role="banner">
   <div class="header-inner">
     <a href="{{ '/' | relative_url }}" class="header-logo" aria-label="Docker Agent docs home">
-      <img class="docker-mark" src="{{ '/assets/docker-mark.svg' | relative_url }}" alt="" width="32" height="26">
+      <img class="docker-mark" src="{{ '/assets/docker-mark.svg' | relative_url }}" alt="" width="32" height="25">
       <span class="product-name">Docker Agent</span>
     </a>
 
diff --git a/docs/assets/docker-mark-white.svg b/docs/assets/docker-mark-white.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 340 268">
+  <!-- Generator: Adobe Illustrator 30.1.0, SVG Export Plug-In . SVG Version: 2.1.1 Build 136)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: none;
+      }
+
+      .st1 {
+        fill: #fff;
+      }
+
+      .st2 {
+        clip-path: url(#clippath);
+      }
+    </style>
+    <clipPath id="clippath">
+      <rect class="st0" width="339.5" height="268"/>
+    </clipPath>
+  </defs>
+  <g class="st2">
+    <path class="st1" d="M334,110.1c-8.3-5.6-30.2-8-46.1-3.7-.9-15.8-9-29.2-24-40.8l-5.5-3.7-3.7,5.6c-7.2,11-10.3,25.7-9.2,39,.8,8.2,3.7,17.4,9.2,24.1-20.7,12-39.8,9.3-124.3,9.3H0c-.4,19.1,2.7,55.8,26,85.6,2.6,3.3,5.4,6.5,8.5,9.6,19,19,47.6,32.9,90.5,33,65.4,0,121.4-35.3,155.5-120.8,11.2.2,40.8,2,55.3-26,.4-.5,3.7-7.4,3.7-7.4l-5.5-3.7h0ZM85.2,92.7h-36.7v36.7h36.7v-36.7ZM132.6,92.7h-36.7v36.7h36.7v-36.7ZM179.9,92.7h-36.7v36.7h36.7v-36.7ZM227.3,92.7h-36.7v36.7h36.7v-36.7ZM37.8,92.7H1.1v36.7h36.7v-36.7ZM85.2,46.3h-36.7v36.7h36.7v-36.7ZM132.6,46.3h-36.7v36.7h36.7v-36.7ZM179.9,46.3h-36.7v36.7h36.7v-36.7ZM179.9,0h-36.7v36.7h36.7V0Z"/>
+  </g>
+</svg>
diff --git a/docs/assets/docker-mark.svg b/docs/assets/docker-mark.svg
@@ -1,9 +1,25 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<!--
-  Docker / Moby mark in Docker Blue (#1D63ED).
-  Sourced from Docker's brand kit and trimmed to a 50x40 viewBox so the
-  whale's body fits without clipping.
--->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 40" fill="none" role="img" aria-label="Docker">
-  <path fill="#1D63ED" d="M48.3 16.5c-.3-.2-2.6-1.3-5.1-1.3-.5 0-1 0-1.5.1-.6-2.2-2.6-3.2-2.7-3.3l-.5-.3-.3.5c-.4.8-.7 1.7-.8 2.6-.3 1.8.1 3.5 1.2 4.9-1.8 1-4.7 1.3-5.3 1.3H1.2c-.7 0-1.2.5-1.2 1.2 0 4.4 1.8 8.8 5.2 12C8.5 37.2 13.2 39 19 39c12.5 0 21.7-7.3 26-20.4 1.7 0 3.3-.5 4.1-2.1l.2-.4-.3-.2zM5.3 19.8H9c.2 0 .3-.1.3-.3v-3.8c0-.2-.1-.3-.3-.3H5.3c-.2 0-.3.1-.3.3v3.8c0 .1.1.3.3.3zm5 0h3.8c.2 0 .3-.1.3-.3v-3.8c0-.2-.1-.3-.3-.3h-3.8c-.2 0-.3.1-.3.3v3.8c0 .1.1.3.3.3zm5.1 0h3.8c.2 0 .3-.1.3-.3v-3.8c0-.2-.1-.3-.3-.3h-3.8c-.2 0-.3.1-.3.3v3.8c0 .1.1.3.3.3zm5.1 0h3.8c.2 0 .3-.1.3-.3v-3.8c0-.2-.1-.3-.3-.3h-3.8c-.2 0-.3.1-.3.3v3.8c0 .1.1.3.3.3zm-10.2-5h3.8c.2 0 .3-.1.3-.3v-3.8c0-.2-.1-.3-.3-.3h-3.8c-.2 0-.3.1-.3.3v3.8c0 .2.1.3.3.3zm5.1 0h3.8c.2 0 .3-.1.3-.3v-3.8c0-.2-.1-.3-.3-.3h-3.8c-.2 0-.3.1-.3.3v3.8c0 .2.1.3.3.3zm5.1 0h3.8c.2 0 .3-.1.3-.3v-3.8c0-.2-.1-.3-.3-.3h-3.8c-.2 0-.3.1-.3.3v3.8c0 .2.1.3.3.3zm0-5h3.8c.2 0 .3-.1.3-.3V5.7c0-.2-.1-.3-.3-.3h-3.8c-.2 0-.3.1-.3.3v3.8c0 .2.1.3.3.3zm5.1 5h3.8c.2 0 .3-.1.3-.3v-3.8c0-.2-.1-.3-.3-.3h-3.8c-.2 0-.3.1-.3.3v3.8c0 .2.1.3.3.3z"/>
-</svg>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 340 268">
+  <!-- Generator: Adobe Illustrator 30.1.0, SVG Export Plug-In . SVG Version: 2.1.1 Build 136)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: none;
+      }
+
+      .st1 {
+        fill: #2560ff;
+      }
+
+      .st2 {
+        clip-path: url(#clippath);
+      }
+    </style>
+    <clipPath id="clippath">
+      <rect class="st0" width="339.5" height="268"/>
+    </clipPath>
+  </defs>
+  <g class="st2">
+    <path class="st1" d="M334,110.1c-8.3-5.6-30.2-8-46.1-3.7-.9-15.8-9-29.2-24-40.8l-5.5-3.7-3.7,5.6c-7.2,11-10.3,25.7-9.2,39,.8,8.2,3.7,17.4,9.2,24.1-20.7,12-39.8,9.3-124.3,9.3H0c-.4,19.1,2.7,55.8,26,85.6,2.6,3.3,5.4,6.5,8.5,9.6,19,19,47.6,32.9,90.5,33,65.4,0,121.4-35.3,155.5-120.8,11.2.2,40.8,2,55.3-26,.4-.5,3.7-7.4,3.7-7.4l-5.5-3.7h0ZM85.2,92.7h-36.7v36.7h36.7v-36.7ZM132.6,92.7h-36.7v36.7h36.7v-36.7ZM179.9,92.7h-36.7v36.7h36.7v-36.7ZM227.3,92.7h-36.7v36.7h36.7v-36.7ZM37.8,92.7H1.1v36.7h36.7v-36.7ZM85.2,46.3h-36.7v36.7h36.7v-36.7ZM132.6,46.3h-36.7v36.7h36.7v-36.7ZM179.9,46.3h-36.7v36.7h36.7v-36.7ZM179.9,0h-36.7v36.7h36.7V0Z"/>
+  </g>
+</svg>
diff --git a/docs/assets/docker-wordmark.svg b/docs/assets/docker-wordmark.svg
diff --git a/docs/css/style.css b/docs/css/style.css
@@ -175,7 +175,7 @@ body {
 .header-logo svg,
 .header-logo .docker-mark {
   width: 32px;
-  height: 26px;
+  height: 25px;
   flex-shrink: 0;
 }
 .header-logo .product-name {

Original file line number	Diff line number	Diff line change
`@@ -175,7 +175,7 @@ body {`
`175`	`175`	`.header-logo svg,`
`176`	`176`	`.header-logo .docker-mark {`
`177`	`177`	`width: 32px;`
`178`		`- height: 26px;`
	`178`	`+ height: 25px;`
`179`	`179`	`flex-shrink: 0;`
`180`	`180`	`}`
`181`	`181`	`.header-logo .product-name {`