diff --git a/docs/cr-version.svg b/docs/cr-version.svg
new file mode 100644
index 0000000000..534605ec0c
--- /dev/null
+++ b/docs/cr-version.svg
@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="120" height="20">
+  <linearGradient id="b" x2="0" y2="100%">
+    <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>
+    <stop offset="1" stop-opacity=".1"/>
+  </linearGradient>
+  <clipPath id="a">
+    <rect width="120" height="20" rx="3" fill="#fff"/>
+  </clipPath>
+  <g clip-path="url(#a)">
+    <path fill="#555" d="M0 0h77v30H0z"/>
+    <path fill="#4888f4" d="M66 0h58v20H66z"/>
+    <path fill="url(#b)" d="M0 0h120v20H0z"/>
+  </g>
+  <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="110">
+    <text x="335" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)">
+      Chromium
+    </text>
+    <text x="335" y="140" transform="scale(.1)">
+      Chromium
+    </text>
+    <text x="930" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)">
+      r724623
+    </text>
+    <text x="930" y="140" transform="scale(.1)">
+      r724623
+    </text>
+  </g>
+</svg>
diff --git a/docs/ff-version.svg b/docs/ff-version.svg
new file mode 100644
index 0000000000..2324b5dc63
--- /dev/null
+++ b/docs/ff-version.svg
@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="108" height="20">
+  <linearGradient id="b" x2="0" y2="100%">
+    <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>
+    <stop offset="1" stop-opacity=".1"/>
+  </linearGradient>
+  <clipPath id="a">
+    <rect width="108" height="20" rx="3" fill="#fff"/>
+  </clipPath>
+  <g clip-path="url(#a)">
+    <path fill="#555" d="M0 0h77v30H0z"/>
+    <path fill="#ff6314" d="M49 0h58v20H49z"/>
+    <path fill="url(#b)" d="M0 0h108v20H0z"/>
+  </g>
+  <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="110">
+    <text x="250" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)">
+      Firefox
+    </text>
+    <text x="250" y="140" transform="scale(.1)">
+      Firefox
+    </text>
+    <text x="785" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)">
+      d930f46e
+    </text>
+    <text x="785" y="140" transform="scale(.1)">
+      d930f46e
+    </text>
+  </g>
+</svg>
diff --git a/docs/wk-version.svg b/docs/wk-version.svg
new file mode 100644
index 0000000000..f1ee4a7db7
--- /dev/null
+++ b/docs/wk-version.svg
@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="108" height="20">
+  <linearGradient id="b" x2="0" y2="100%">
+    <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>
+    <stop offset="1" stop-opacity=".1"/>
+  </linearGradient>
+  <clipPath id="a">
+    <rect width="108" height="20" rx="3" fill="#fff"/>
+  </clipPath>
+  <g clip-path="url(#a)">
+    <path fill="#555" d="M0 0h77v30H0z"/>
+    <path fill="#1c93ee" d="M51 0h58v20H51z"/>
+    <path fill="url(#b)" d="M0 0h108v20H0z"/>
+  </g>
+  <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="110">
+    <text x="260" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)">
+      WebKit
+    </text>
+    <text x="260" y="140" transform="scale(.1)">
+      WebKit
+    </text>
+    <text x="800" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)">
+      r254081
+    </text>
+    <text x="800" y="140" transform="scale(.1)">
+      r254081
+    </text>
+  </g>
+</svg>