diff --git a/views/partials/head.ejs b/views/partials/head.ejs
new file mode 100644
index 0000000..53f7812
--- /dev/null
+++ b/views/partials/head.ejs
@@ -0,0 +1,11 @@
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<link rel="icon" href="data:," />
+<link rel="preconnect" href="https://fonts.googleapis.com" />
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+<link
+  href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700&family=JetBrains+Mono:wght@400;500;700&family=Work+Sans:wght@400;500;600&display=swap"
+  rel="stylesheet"
+/>
+<link rel="stylesheet" href="/css/style.css" />
+<title><%= title %> · Zeitkonto</title>
diff --git a/views/partials/header.ejs b/views/partials/header.ejs
new file mode 100644
index 0000000..2b8dbd3
--- /dev/null
+++ b/views/partials/header.ejs
@@ -0,0 +1,13 @@
+<header class="topbar">
+  <div class="topbar__brand">
+    <span class="topbar__mark" aria-hidden="true"></span>
+    <span class="topbar__title">Zeitkonto</span>
+  </div>
+  <nav class="topbar__nav">
+    <a href="/" class="topbar__link <%= title === 'Übersicht' ? 'is-active' : '' %>">Übersicht</a>
+    <a href="/settings" class="topbar__link <%= title === 'Einstellungen' ? 'is-active' : '' %>">Einstellungen</a>
+    <form action="/logout" method="POST" class="topbar__logout">
+      <button type="submit" class="link-button">Abmelden</button>
+    </form>
+  </nav>
+</header>