diff --git a/docs/static/style.css b/docs/static/style.css
new file mode 100644
index 0000000..7f99047
--- /dev/null
+++ b/docs/static/style.css
@@ -0,0 +1,44 @@
+@import "https://unpkg.com/open-props";
+
+l-map {
+  display: block;
+  block-size: 40ch;
+  isolation: isolate;
+  z-index: 1;
+}
+
+body {
+  font-family: system-ui;
+  line-height: 1.6;
+  margin: 0;
+}
+
+h1, h2, h3 {
+  font-weight: 100;
+}
+
+pre {
+  padding-inline: 0.75rem;
+  padding-block: 0.5rem;
+  border-radius: 0.2rem;
+  overflow-x: auto;
+}
+
+main {
+  inline-size: min(90%, 80ch);
+  margin-inline: auto;
+}
+
+footer {
+  margin-block-start: var(--size-3);
+  min-height: 15ch;
+  background-color: var(--gray-9);
+  padding: var(--size-3);
+
+  & .logo {
+    color: var(--gray-2);
+    font-size: var(--font-size-0);
+    letter-spacing: var(--font-letterspacing-5);
+  }
+}
+
diff --git a/docs/templates/base.html b/docs/templates/base.html
index e266af6..750c7bd 100644
--- a/docs/templates/base.html
+++ b/docs/templates/base.html
@@ -4,35 +4,8 @@
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <style>
-
-  l-map {
-    display: block;
-    block-size: 40ch;
-    isolation: isolate;
-    z-index: 1;
-  }
-
-  body {
-    font-family: system-ui;
-    line-height: 1.6;
-  }
-
-  h1, h2, h3 {
-    font-weight: 100;
-  }
-
-  pre {
-    padding-inline: 0.75rem;
-    padding-block: 0.5rem;
-    border-radius: 0.2rem;
-    overflow-x: auto;
-  }
-
-  main {
-    inline-size: min(90%, 80ch);
-    margin-inline: auto;
-  }
   </style>
+    <link rel="stylesheet" href="/style.css" />
     <link
       rel="stylesheet"
       href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
@@ -62,5 +35,8 @@
   <a href="{{ get_url(path='@/articles/_index.md') }}">Articles</a>
 </nav>
 {% block content %}{% endblock %}
+<footer>
+  <div class="logo">Leaflet-HTML</div>
+</footer>
 </body>
 </html>