diff --git a/interface/components/README.tsx b/interface/components/README.tsx
index 8b7872a4..04bfe785 100644
--- a/interface/components/README.tsx
+++ b/interface/components/README.tsx
@@ -6,7 +6,7 @@ export default function README(props: { children: JSX.Element }) {
   return (
     <div class="bg-zinc-50 border border-zinc-200 w-full rounded-xl relative dark:border-zinc-800 dark:bg-zinc-950">
       <div class="absolute -inset-[1px] border border-zinc-200 rounded-xl z-30 pointer-events-none ring-4 ring-light-zinc dark:ring-black dark:border-zinc-800" />
-      <div class="flex justify-between items-center w-full py-2 pl-4 pr-2 border-b border-zinc-200 bg-zinc-100 sticky top-0 lg:top-14 dark:bg-zinc-900 dark:border-zinc-800">
+      <div class="flex justify-between items-center w-full py-2 pl-4 pr-2 border-b border-zinc-200 bg-zinc-100 sticky dark:bg-zinc-900 dark:border-zinc-800 top-10 lg:top-24">
         <p class="text-zinc-500 text-sm text-center dark:text-zinc-400 font-mono">
           README.md
         </p>
diff --git a/pages/archive/index/+Page.tsx b/pages/archive/index/+Page.tsx
index ab86a0a1..b1fc6525 100644
--- a/pages/archive/index/+Page.tsx
+++ b/pages/archive/index/+Page.tsx
@@ -6,13 +6,13 @@ import README from "#components/README"
 export default function Page() {
   return (
     <div class="w-full">
-      <section class="w-full lg:pt-16">
-        <h1 class="text-3xl font-semibold mb-8">{m.archive_title()}</h1>
-        <div class="flex items-center mb-4">
-          <p class="font-medium px-1.5 text-zinc-400 dark:text-zinc-600">
-            Root
+      <section class="w-full pb-24">
+        <div class="flex items-center py-2 bg-light-zinc/95 backdrop-blur-xl dark:bg-black/90 sticky top-0 lg:top-14 z-50">
+          <p class="font-medium px-1.5 text-zinc-400 dark:text-zinc-600 -ml-1.5">
+            Archive
           </p>
         </div>
+        <h1 class="text-3xl font-semibold mt-12 mb-6">{m.archive_title()}</h1>
         <div class="py-0.5 pb-8">
           <a
             href="/archive/projects"
diff --git a/pages/archive/projects/@slug/+Page.tsx b/pages/archive/projects/@slug/+Page.tsx
index 313b5247..174749ba 100644
--- a/pages/archive/projects/@slug/+Page.tsx
+++ b/pages/archive/projects/@slug/+Page.tsx
@@ -1,10 +1,27 @@
+import { InlineLink } from "#components/Button"
 import "#design-system/markdown.css"
 import Markdown from "#markdown/Markdown"
 
 export default function Page(props: Record<string, string>) {
   return (
     <>
-      <Markdown class="lg:py-16 pb-16" content={props.content} />
+      <div class="flex items-center mb-4 py-2 bg-transparent sticky top-0 lg:top-14 z-50">
+        <div class="w-screen bg-light-zinc/95 backdrop-blur-xl dark:bg-black/90 absolute top-0 bottom-0 left-1/2 -translate-x-1/2" />
+        <div class="flex relative z-20">
+          <InlineLink link="/archive" class="px-1.5 -ml-1.5">
+            Archive
+          </InlineLink>
+          <p> / </p>
+          <InlineLink link="/archive/projects" class="px-1.5 line-clamp-1">
+            Projects
+          </InlineLink>
+          <p> / </p>
+          <p class="font-medium px-1.5 text-zinc-400 dark:text-zinc-600 truncate">
+            {props.title}
+          </p>
+        </div>
+      </div>
+      <Markdown class="lg:pt-7 lg:pb-16 pb-16" content={props.content} />
     </>
   )
 }
diff --git a/pages/archive/projects/@slug/+onBeforeRender.ts b/pages/archive/projects/@slug/+onBeforeRender.ts
index 4e9614b8..fd0b877e 100644
--- a/pages/archive/projects/@slug/+onBeforeRender.ts
+++ b/pages/archive/projects/@slug/+onBeforeRender.ts
@@ -25,6 +25,8 @@ async function onBeforeRender(pageContext: PageContextBuiltInServer) {
   return {
     pageContext: {
       pageProps: {
+        // @ts-ignore
+        title: projects.find((project) => project.slug === slug)!.title,
         content: rendered[slug],
       },
       documentProps: {
diff --git a/pages/archive/projects/index/+Page.tsx b/pages/archive/projects/index/+Page.tsx
index 05a24bcd..e958393c 100644
--- a/pages/archive/projects/index/+Page.tsx
+++ b/pages/archive/projects/index/+Page.tsx
@@ -9,17 +9,17 @@ import README from "#components/README"
 export default function Page({ projects }: { projects: any }) {
   return (
     <div class="w-full">
-      <section class="w-full lg:pt-16">
-        <h1 class="text-3xl font-semibold mb-8">{m.archive_title()}</h1>
-        <div class="flex items-center mb-4">
-          <InlineLink link="/archive" class="px-1.5">
-            Root
+      <section class="w-full pb-24">
+        <div class="flex items-center py-2  bg-light-zinc/95 backdrop-blur-xl dark:bg-black/90 sticky top-0 lg:top-14 z-50">
+          <InlineLink link="/archive" class="px-1.5 -ml-1.5">
+            Archive
           </InlineLink>
           <p> / </p>
           <p class="font-medium px-1.5 text-zinc-400 dark:text-zinc-600">
             Projects
           </p>
         </div>
+        <h1 class="text-3xl font-semibold mt-12 mb-6">Projects</h1>
         <div class="py-0.5 pb-8">
           {projects.map((project: any) => {
             const date = new Date(
diff --git a/pages/archive/projects/index/+onBeforePrerenderStart.ts b/pages/archive/projects/index/+onBeforePrerenderStart.ts
index b2261b23..71eba7a4 100644
--- a/pages/archive/projects/index/+onBeforePrerenderStart.ts
+++ b/pages/archive/projects/index/+onBeforePrerenderStart.ts
@@ -38,6 +38,8 @@ async function onBeforePrerenderStart() {
         url,
         pageContext: {
           pageProps: {
+            // @ts-ignore
+            title: projects.find((x) => x.slug === project.slug)!.title,
             content: rendered[project.slug],
           },
           documentProps: {
diff --git a/pages/archive/short-projects/@slug/+Page.tsx b/pages/archive/short-projects/@slug/+Page.tsx
index 313b5247..44b47705 100644
--- a/pages/archive/short-projects/@slug/+Page.tsx
+++ b/pages/archive/short-projects/@slug/+Page.tsx
@@ -1,10 +1,30 @@
+import { InlineLink } from "#components/Button"
 import "#design-system/markdown.css"
 import Markdown from "#markdown/Markdown"
 
 export default function Page(props: Record<string, string>) {
   return (
     <>
-      <Markdown class="lg:py-16 pb-16" content={props.content} />
+      <div class="flex items-center mb-4 py-2 bg-transparent sticky top-0 lg:top-14 z-50">
+        <div class="w-screen bg-light-zinc/95 backdrop-blur-xl dark:bg-black/90 absolute top-0 bottom-0 left-1/2 -translate-x-1/2" />
+        <div class="flex relative z-20">
+          <InlineLink link="/archive" class="px-1.5 -ml-1.5">
+            Archive
+          </InlineLink>
+          <p> / </p>
+          <InlineLink
+            link="/archive/short-projects"
+            class="px-1.5 line-clamp-1"
+          >
+            Short Projects
+          </InlineLink>
+          <p> / </p>
+          <p class="font-medium px-1.5 text-zinc-400 dark:text-zinc-600 truncate">
+            {props.title}
+          </p>
+        </div>
+      </div>
+      <Markdown class="lg:pt-7 lg:pb-16 pb-16" content={props.content} />
     </>
   )
 }
diff --git a/pages/archive/short-projects/@slug/+onBeforeRender.ts b/pages/archive/short-projects/@slug/+onBeforeRender.ts
index 12f3d62d..5bb73d02 100644
--- a/pages/archive/short-projects/@slug/+onBeforeRender.ts
+++ b/pages/archive/short-projects/@slug/+onBeforeRender.ts
@@ -25,6 +25,8 @@ async function onBeforeRender(pageContext: PageContextBuiltInServer) {
   return {
     pageContext: {
       pageProps: {
+        // @ts-ignore
+        title: projects.find((project) => project.slug === slug)!.title,
         content: rendered[slug],
       },
       documentProps: {
diff --git a/pages/archive/short-projects/index/+Page.tsx b/pages/archive/short-projects/index/+Page.tsx
index f3c7cd10..52ced421 100644
--- a/pages/archive/short-projects/index/+Page.tsx
+++ b/pages/archive/short-projects/index/+Page.tsx
@@ -9,17 +9,17 @@ import README from "#components/README"
 export default function Page({ projects }: { projects: any }) {
   return (
     <div class="w-full">
-      <section class="w-full lg:pt-16">
-        <h1 class="text-3xl font-semibold mb-8">{m.archive_title()}</h1>
-        <div class="flex items-center mb-4">
-          <InlineLink link="/archive" class="px-1.5">
-            Root
+      <section class="w-full pb-24">
+        <div class="flex items-center py-2 bg-light-zinc/95 backdrop-blur-xl dark:bg-black/90 sticky top-0 lg:top-14 z-50">
+          <InlineLink link="/archive" class="px-1.5 -ml-1.5">
+            Archive
           </InlineLink>
           <p> / </p>
           <p class="font-medium px-1.5 text-zinc-400 dark:text-zinc-600">
             Short Projects
           </p>
         </div>
+        <h1 class="text-3xl font-semibold mt-12 mb-6">Short Projects</h1>
         <div class="py-0.5 pb-8">
           {projects.map((project: any) => {
             const date = new Date(
diff --git a/pages/archive/short-projects/index/+onBeforePrerenderStart.ts b/pages/archive/short-projects/index/+onBeforePrerenderStart.ts
index aa4390f7..216ab7ea 100644
--- a/pages/archive/short-projects/index/+onBeforePrerenderStart.ts
+++ b/pages/archive/short-projects/index/+onBeforePrerenderStart.ts
@@ -38,6 +38,8 @@ async function onBeforePrerenderStart() {
         url,
         pageContext: {
           pageProps: {
+            // @ts-ignore
+            title: projects.find((x) => x.slug === project.slug)!.title,
             content: rendered[project.slug],
           },
           documentProps: {
diff --git a/public/sitemap.xml b/public/sitemap.xml
index 64105a52..254c3b62 100644
--- a/public/sitemap.xml
+++ b/public/sitemap.xml
@@ -3,98 +3,98 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   <url>
     <loc>https://preview.floriankiem.com/</loc>
-    <lastmod>2023-12-09T00:55:53.582Z</lastmod>
+    <lastmod>2023-12-09T12:18:30.005Z</lastmod>
   </url>
   <url>
     <loc>https://preview.floriankiem.com/work</loc>
-    <lastmod>2023-12-09T00:55:53.582Z</lastmod>
+    <lastmod>2023-12-09T12:18:30.005Z</lastmod>
   </url>
   <url>
     <loc>https://preview.floriankiem.com/work/boost</loc>
-    <lastmod>2023-12-09T00:55:53.582Z</lastmod>
+    <lastmod>2023-12-09T12:18:30.005Z</lastmod>
   </url>
   <url>
     <loc>https://preview.floriankiem.com/work/bridge</loc>
-    <lastmod>2023-12-09T00:55:53.582Z</lastmod>
+    <lastmod>2023-12-09T12:18:30.005Z</lastmod>
   </url>
   <url>
     <loc>https://preview.floriankiem.com/work/curations</loc>
-    <lastmod>2023-12-09T00:55:53.582Z</lastmod>
+    <lastmod>2023-12-09T12:18:30.005Z</lastmod>
   </url>
   <url>
     <loc>https://preview.floriankiem.com/about</loc>
-    <lastmod>2023-12-09T00:55:53.582Z</lastmod>
+    <lastmod>2023-12-09T12:18:30.005Z</lastmod>
   </url>
   <url>
     <loc>https://preview.floriankiem.com/feed</loc>
-    <lastmod>2023-12-09T00:55:53.582Z</lastmod>
+    <lastmod>2023-12-09T12:18:30.005Z</lastmod>
   </url>
   <url>
     <loc>https://preview.floriankiem.com/feed/essentials</loc>
-    <lastmod>2023-12-09T00:55:53.582Z</lastmod>
+    <lastmod>2023-12-09T12:18:30.005Z</lastmod>
   </url>
   <url>
     <loc>https://preview.floriankiem.com/feed/first-post</loc>
-    <lastmod>2023-12-09T00:55:53.582Z</lastmod>
+    <lastmod>2023-12-09T12:18:30.005Z</lastmod>
   </url>
   <url>
     <loc>https://preview.floriankiem.com/feed/workout-1</loc>
-    <lastmod>2023-12-09T00:55:53.582Z</lastmod>
+    <lastmod>2023-12-09T12:18:30.005Z</lastmod>
   </url>
   <url>
     <loc>https://preview.floriankiem.com/archive</loc>
-    <lastmod>2023-12-09T00:55:53.582Z</lastmod>
+    <lastmod>2023-12-09T12:18:30.005Z</lastmod>
   </url>
   <url>
     <loc>https://preview.floriankiem.com/archive/projects</loc>
-    <lastmod>2023-12-09T00:55:53.582Z</lastmod>
+    <lastmod>2023-12-09T12:18:30.005Z</lastmod>
   </url>
   <url>
     <loc>https://preview.floriankiem.com/archive/projects/ambient-chat</loc>
-    <lastmod>2023-12-09T00:55:53.582Z</lastmod>
+    <lastmod>2023-12-09T12:18:30.005Z</lastmod>
   </url>
   <url>
     <loc>https://preview.floriankiem.com/archive/projects/homebility</loc>
-    <lastmod>2023-12-09T00:55:53.582Z</lastmod>
+    <lastmod>2023-12-09T12:18:30.005Z</lastmod>
   </url>
   <url>
     <loc>https://preview.floriankiem.com/archive/short-projects</loc>
-    <lastmod>2023-12-09T00:55:53.582Z</lastmod>
+    <lastmod>2023-12-09T12:18:30.005Z</lastmod>
   </url>
   <url>
     <loc>https://preview.floriankiem.com/archive/short-projects/granny-ai</loc>
-    <lastmod>2023-12-09T00:55:53.582Z</lastmod>
+    <lastmod>2023-12-09T12:18:30.005Z</lastmod>
   </url>
   <url>
     <loc>https://preview.floriankiem.com/archive/short-projects/heartbeat</loc>
-    <lastmod>2023-12-09T00:55:53.582Z</lastmod>
+    <lastmod>2023-12-09T12:18:30.005Z</lastmod>
   </url>
   <url>
     <loc>https://preview.floriankiem.com/archive/short-projects/nutri</loc>
-    <lastmod>2023-12-09T00:55:53.582Z</lastmod>
+    <lastmod>2023-12-09T12:18:30.005Z</lastmod>
   </url>
   <url>
     <loc>https://preview.floriankiem.com/archive/short-projects/stackoverflow-redesign</loc>
-    <lastmod>2023-12-09T00:55:53.582Z</lastmod>
+    <lastmod>2023-12-09T12:18:30.005Z</lastmod>
   </url>
   <url>
     <loc>https://preview.floriankiem.com/archive/short-projects/visualization</loc>
-    <lastmod>2023-12-09T00:55:53.582Z</lastmod>
+    <lastmod>2023-12-09T12:18:30.005Z</lastmod>
   </url>
   <url>
     <loc>https://preview.floriankiem.com/archive/short-projects/web-audit</loc>
-    <lastmod>2023-12-09T00:55:53.582Z</lastmod>
+    <lastmod>2023-12-09T12:18:30.005Z</lastmod>
   </url>
   <url>
     <loc>https://preview.floriankiem.com/colophon</loc>
-    <lastmod>2023-12-09T00:55:53.582Z</lastmod>
+    <lastmod>2023-12-09T12:18:30.005Z</lastmod>
   </url>
   <url>
     <loc>https://preview.floriankiem.com/imprint</loc>
-    <lastmod>2023-12-09T00:55:53.582Z</lastmod>
+    <lastmod>2023-12-09T12:18:30.005Z</lastmod>
   </url>
   <url>
     <loc>https://preview.floriankiem.com/privacy-policy</loc>
-    <lastmod>2023-12-09T00:55:53.582Z</lastmod>
+    <lastmod>2023-12-09T12:18:30.005Z</lastmod>
   </url>
 </urlset>
\ No newline at end of file