diff --git a/docs/_static/custom.css b/docs/_static/custom.css
new file mode 100644
index 0000000..f3e732a
--- /dev/null
+++ b/docs/_static/custom.css
@@ -0,0 +1,44 @@
+@import url(https://fonts.googleapis.com/css?family=Alegreya:400,400italic,700,700italic);
+@import url(https://fonts.googleapis.com/css?family=Alegreya+Sans:400,400italic,500,500italic,700,700italic,100,300,100italic,300italic);
+
+a {
+    border-bottom-style: none;
+    outline: none;
+    text-decoration: none;
+}
+
+.swh-top-bar {
+    direction: ltr;
+    height: 32px;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    min-width: 600px;
+    z-index: 99999;
+    background-color: #262626;
+    color: #fff;
+    text-align: center;
+    font-size: 16px;
+}
+
+.swh-top-bar ul {
+    margin: 0;
+    margin-top: 5px;
+}
+
+.swh-top-bar li {
+    display: inline;
+    margin-left: 10px;
+    margin-right: 10px;
+}
+
+.swh-top-bar a,
+.swh-top-bar a:visited {
+    color: #fecd1b;
+}
+
+.swh-top-bar a.swh-current-site,
+.swh-top-bar a.swh-current-site:visited {
+    color: #e20026;
+}
\ No newline at end of file
diff --git a/docs/_templates/layout.html b/docs/_templates/layout.html
new file mode 100644
index 0000000..9dcaed5
--- /dev/null
+++ b/docs/_templates/layout.html
@@ -0,0 +1,18 @@
+{% extends "!layout.html" %}
+
+{% block content %}
+  <div class="swh-top-bar">
+    <ul>
+      <li>
+        <a href="https://www.softwareheritage.org">Project</a>
+      </li>
+      <li>
+          <a href="https://archive.softwareheritage.org">Archive</a>
+      </li>
+      <li>
+          <a class="swh-current-site" href="https://docs.softwareheritage.org/devel/">Documentation</a>
+      </li>
+    </ul>
+  </div>
+  {{ super() }}
+{% endblock %}
\ No newline at end of file