diff --git a/public/favicon.svg b/public/favicon.svg
index f157bd1..e4a4cc0 100644
--- a/public/favicon.svg
+++ b/public/favicon.svg
@@ -1,9 +1,8 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128">
-    <path d="M50.4 78.5a75.1 75.1 0 0 0-28.5 6.9l24.2-65.7c.7-2 1.9-3.2 3.4-3.2h29c1.5 0 2.7 1.2 3.4 3.2l24.2 65.7s-11.6-7-28.5-7L67 45.5c-.4-1.7-1.6-2.8-2.9-2.8-1.3 0-2.5 1.1-2.9 2.7L50.4 78.5Zm-1.1 28.2Zm-4.2-20.2c-2 6.6-.6 15.8 4.2 20.2a17.5 17.5 0 0 1 .2-.7 5.5 5.5 0 0 1 5.7-4.5c2.8.1 4.3 1.5 4.7 4.7.2 1.1.2 2.3.2 3.5v.4c0 2.7.7 5.2 2.2 7.4a13 13 0 0 0 5.7 4.9v-.3l-.2-.3c-1.8-5.6-.5-9.5 4.4-12.8l1.5-1a73 73 0 0 0 3.2-2.2 16 16 0 0 0 6.8-11.4c.3-2 .1-4-.6-6l-.8.6-1.6 1a37 37 0 0 1-22.4 2.7c-5-.7-9.7-2-13.2-6.2Z" />
-    <style>
-        path { fill: #000; }
-        @media (prefers-color-scheme: dark) {
-            path { fill: #FFF; }
-        }
-    </style>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="100%" height="100%">
+  <path d="M 35,35 Q 35,55 43,55 Q 50,55 50,40 Q 48,80 40,100 Q 32,110 30,95 Q 28,75 50,55 Q 60,45 70,45 Q 65,60 75,60 Q 85,60 85,45 Q 83,60 93,60 Q 100,60 105,50"
+        fill="none" 
+        stroke="#ffffff" 
+        stroke-width="5" 
+        stroke-linecap="round" 
+        stroke-linejoin="round" />
 </svg>
diff --git a/public/signature-animate.svg b/public/signature-animate.svg
new file mode 100644
index 0000000..5324eb3
--- /dev/null
+++ b/public/signature-animate.svg
@@ -0,0 +1,64 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100%" height="100%">
+  <style>
+    :root {
+      --logo-stroke: #0f172a;
+    }
+
+    @media (prefers-color-scheme: dark) {
+      :root {
+        --logo-stroke: #f8fafc;
+      }
+    }
+
+    .yuler-logo {
+      fill: transparent;
+      stroke: var(--logo-stroke);
+      stroke-width: 2.3;
+      stroke-linejoin: round;
+      stroke-linecap: round;
+      /* Normalize path to guarantee full draw and full reverse */
+      stroke-dasharray: 1;
+      stroke-dashoffset: 1;
+      animation: signForwardReverse 4s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+    }
+
+    @keyframes signForwardReverse {
+      0% {
+        stroke-dashoffset: 1;
+      }
+      48% {
+        stroke-dashoffset: 0;
+      }
+      60% {
+        stroke-dashoffset: 0;
+      }
+      100% {
+        stroke-dashoffset: 1;
+      }
+    }
+  </style>
+
+  <path
+    class="yuler-logo"
+    pathLength="1"
+    transform="translate(-8 -7)"
+    d="M18 30
+       C18 39,18 47,20 50
+       C23 55,28 54,31 49
+       C35 43,40 37,45 29
+       C49 23,52 17,53 13
+       C52 18,51 24,50 31
+       C49 42,49 53,49 64
+       C49 78,49 90,47 98
+       C44 101,40 100,37 95
+       C33 88,31 80,31 72
+       C31 63,35 56,41 50
+       C48 43,56 38,65 36
+       C72 35,76 35,78 38
+       C79 42,78 48,78 53
+       C79 58,82 59,85 54
+       C89 48,90 43,90 39
+       C89 44,89 49,90 53
+       C91 58,95 58,98 55"
+  />
+</svg>
diff --git a/src/components/Signature.astro b/src/components/Signature.astro
new file mode 100644
index 0000000..f33af13
--- /dev/null
+++ b/src/components/Signature.astro
@@ -0,0 +1,130 @@
+---
+interface Props {
+  class?: string
+}
+
+const { class: className = '' } = Astro.props
+---
+
+<div class={`signature-root ${className}`} data-signature-root>
+  <svg class="signature-svg" viewBox="0 0 100 100" aria-hidden="true">
+    <path
+      class="signature-path"
+      pathLength="1"
+      transform="translate(-8 -7)"
+      d="M18 30
+         C18 39,18 47,20 50
+         C23 55,28 54,31 49
+         C35 43,40 37,45 29
+         C49 23,52 17,53 13
+         C52 18,51 24,50 31
+         C49 42,49 53,49 64
+         C49 78,49 90,47 98
+         C44 101,40 100,37 95
+         C33 88,31 80,31 72
+         C31 63,35 56,41 50
+         C48 43,56 38,65 36
+         C72 35,76 35,78 38
+         C79 42,78 48,78 53
+         C79 58,82 59,85 54
+         C89 48,90 43,90 39
+         C89 44,89 49,90 53
+         C91 58,95 58,98 55"
+    />
+  </svg>
+</div>
+
+<script>
+ const DEFAULT_DURATION_MS = 2400
+ const EASING = 'cubic-bezier(0.4, 0, 0.2, 1)'
+
+ function setupSignature(root: Element): void {
+   const path = root.querySelector<SVGPathElement>('.signature-path')
+   if (!path) {
+     return
+   }
+   const signaturePath = path
+
+   let token = 0
+   const cssDuration = Number.parseFloat(getComputedStyle(root).getPropertyValue('--signature-duration'))
+   const durationMs = Number.isFinite(cssDuration) && cssDuration > 0
+     ? cssDuration * 1000
+     : DEFAULT_DURATION_MS
+
+   async function play(from: number, to: number, duration: number): Promise<void> {
+     const animation = signaturePath.animate(
+       [{ strokeDashoffset: String(from) }, { strokeDashoffset: String(to) }],
+       {
+         duration: Math.max(1, duration),
+         easing: EASING,
+         fill: 'forwards',
+       },
+     )
+
+     try {
+       await animation.finished
+       signaturePath.style.strokeDashoffset = String(to)
+     }
+     catch {
+       // Animation was cancelled (e.g. mouseenter), ignore
+     }
+   }
+
+   function getOffset(): number {
+     const offset = Number.parseFloat(getComputedStyle(signaturePath).strokeDashoffset)
+     if (Number.isNaN(offset)) {
+       return 0
+     }
+
+     return Math.max(0, Math.min(1, offset))
+   }
+
+   void play(1, 0, durationMs)
+
+   root.addEventListener('mouseenter', () => {
+     token += 1
+     const run = token
+     const offset = getOffset()
+     signaturePath.getAnimations().forEach(animation => animation.cancel())
+
+     const reverseDuration = Math.round(durationMs * (1 - offset))
+
+     void play(offset, 1, reverseDuration).then(() => {
+       if (run !== token) {
+         return
+       }
+
+       void play(1, 0, durationMs)
+     })
+   })
+ }
+
+ document.querySelectorAll('[data-signature-root]').forEach((root) => {
+   setupSignature(root)
+ })
+</script>
+
+<style>
+  .signature-root {
+    --signature-stroke: #0f172a;
+    --signature-duration: 2.4s;
+    display: inline-block;
+  }
+
+  .signature-svg {
+    width: 100%;
+    height: 100%;
+    overflow: visible;
+  }
+
+  .signature-path {
+    fill: none;
+    stroke: var(--signature-stroke);
+    stroke-width: 2.3;
+    stroke-linecap: round;
+    stroke-linejoin: round;
+    stroke-dasharray: 1;
+    stroke-dashoffset: 1;
+  }
+</style>
+
diff --git a/src/components/Thought.astro b/src/components/Thought.astro
index 7b3b332..321ef7b 100644
--- a/src/components/Thought.astro
+++ b/src/components/Thought.astro
@@ -13,6 +13,7 @@ interface Props {
 const { thought } = Astro.props
 const { Content } = await render(thought)
 
+const TAG_LEADING_HASH = /^#/
 const tags = thought.data.tags ?? []
 ---
 
@@ -29,7 +30,7 @@ const tags = thought.data.tags ?? []
         ? (
             tags.map((tag: string) => (
               <span class="rounded border border-gray-200/90 bg-gray-50/90 px-1.5 py-0.5 text-xs text-gray-700">
-                #{tag.replace(/^#/, '')}
+                #{tag.replace(TAG_LEADING_HASH, '')}
               </span>
             ))
           )
diff --git a/src/components/cards/Profile.astro b/src/components/cards/Profile.astro
index ae0d614..c8868d5 100644
--- a/src/components/cards/Profile.astro
+++ b/src/components/cards/Profile.astro
@@ -1,13 +1,14 @@
 ---
 import Avatar from '../Avatar.astro'
 import CornerMarkers from '../CornerMarkers.astro'
+import Signature from '../Signature.astro'
 ---
 
 <div class="relative bg-white border border-gray-200 p-6 transition-all duration-300 hover:border-gray-400">
   <CornerMarkers />
 
   <div class="flex items-center gap-4">
-    <div class="h-16 w-16 flex-shrink-0 transition-transform duration-300">
+    <div class="h-16 w-16 shrink-0 transition-transform duration-300">
       <Avatar />
     </div>
     <div class="flex-1 flex flex-col justify-between">
@@ -15,4 +16,6 @@ import CornerMarkers from '../CornerMarkers.astro'
       <div class="mt-1 text-sm font-medium text-gray-500">A programmer & father of two</div>
     </div>
   </div>
+
+  <Signature class="absolute bottom-4 right-4 h-20 w-20 z-10! transition-transform duration-300 " />
 </div>
diff --git a/src/pages/workouts/index.astro b/src/pages/workouts/index.astro
index dd5aec4..a27a59e 100644
--- a/src/pages/workouts/index.astro
+++ b/src/pages/workouts/index.astro
@@ -128,8 +128,8 @@ const showEmptyRangeState = Boolean(serverFilterRange && visibleInServerRange ==
 
         <!-- Prerender has no search string; sync filter from the real URL before paint settles. -->
         <script is:inline>
-          (function () {
-            const YMD = /^\d{4}-\d{2}-\d{2}$/
+          const YMD = /^\d{4}-\d{2}-\d{2}$/
+          ;(function () {
             const list = document.getElementById('activity-list')
             const countEl = document.getElementById('activity-count')
             const emptyEl = document.getElementById('empty-state')