diff --git a/apps/frontend/public/assets/icons/icon-128x128.png b/apps/frontend/public/assets/icons/icon-128x128.png
index 6aca42c..d9572f3 100644
Binary files a/apps/frontend/public/assets/icons/icon-128x128.png and b/apps/frontend/public/assets/icons/icon-128x128.png differ
diff --git a/apps/frontend/public/assets/icons/icon-144x144.png b/apps/frontend/public/assets/icons/icon-144x144.png
index 10ff868..e7130ee 100644
Binary files a/apps/frontend/public/assets/icons/icon-144x144.png and b/apps/frontend/public/assets/icons/icon-144x144.png differ
diff --git a/apps/frontend/public/assets/icons/icon-152x152.png b/apps/frontend/public/assets/icons/icon-152x152.png
index 37bdfe5..c3e1252 100644
Binary files a/apps/frontend/public/assets/icons/icon-152x152.png and b/apps/frontend/public/assets/icons/icon-152x152.png differ
diff --git a/apps/frontend/public/assets/icons/icon-192x192.png b/apps/frontend/public/assets/icons/icon-192x192.png
index da08cbe..71eb1ca 100644
Binary files a/apps/frontend/public/assets/icons/icon-192x192.png and b/apps/frontend/public/assets/icons/icon-192x192.png differ
diff --git a/apps/frontend/public/assets/icons/icon-384x384.png b/apps/frontend/public/assets/icons/icon-384x384.png
index 173b051..8f5c1f9 100644
Binary files a/apps/frontend/public/assets/icons/icon-384x384.png and b/apps/frontend/public/assets/icons/icon-384x384.png differ
diff --git a/apps/frontend/public/assets/icons/icon-512x512.png b/apps/frontend/public/assets/icons/icon-512x512.png
index 144e4d5..fcfe0ec 100644
Binary files a/apps/frontend/public/assets/icons/icon-512x512.png and b/apps/frontend/public/assets/icons/icon-512x512.png differ
diff --git a/apps/frontend/public/assets/icons/icon-72x72.png b/apps/frontend/public/assets/icons/icon-72x72.png
index 8a692a2..f6581f5 100644
Binary files a/apps/frontend/public/assets/icons/icon-72x72.png and b/apps/frontend/public/assets/icons/icon-72x72.png differ
diff --git a/apps/frontend/public/assets/icons/icon-96x96.png b/apps/frontend/public/assets/icons/icon-96x96.png
index d4042d8..788bc54 100644
Binary files a/apps/frontend/public/assets/icons/icon-96x96.png and b/apps/frontend/public/assets/icons/icon-96x96.png differ
diff --git a/apps/frontend/public/assets/icons/icon-maskable-192x192.png b/apps/frontend/public/assets/icons/icon-maskable-192x192.png
index ae1cb7b..d4175d3 100644
Binary files a/apps/frontend/public/assets/icons/icon-maskable-192x192.png and b/apps/frontend/public/assets/icons/icon-maskable-192x192.png differ
diff --git a/apps/frontend/public/assets/icons/icon-maskable-512x512.png b/apps/frontend/public/assets/icons/icon-maskable-512x512.png
index 51c8752..13ee63e 100644
Binary files a/apps/frontend/public/assets/icons/icon-maskable-512x512.png and b/apps/frontend/public/assets/icons/icon-maskable-512x512.png differ
diff --git a/apps/frontend/public/assets/nav-icon.jpg b/apps/frontend/public/assets/nav-icon.jpg
new file mode 100755
index 0000000..5b73605
Binary files /dev/null and b/apps/frontend/public/assets/nav-icon.jpg differ
diff --git a/apps/frontend/public/favicon.ico b/apps/frontend/public/favicon.ico
index 8671901..f0e41c5 100644
Binary files a/apps/frontend/public/favicon.ico and b/apps/frontend/public/favicon.ico differ
diff --git a/apps/frontend/src/app/components/header/header.component.ts b/apps/frontend/src/app/components/header/header.component.ts
index ba10b71..3b0689e 100644
--- a/apps/frontend/src/app/components/header/header.component.ts
+++ b/apps/frontend/src/app/components/header/header.component.ts
@@ -18,7 +18,7 @@ import { ApiService } from '../../services/api.service';
     <header class="header">
       <nav class="navbar" aria-label="Main navigation">
         <div class="nav-brand">
-          <img src="/assets/icons/icon-72x72.png" alt="" class="brand-icon" role="presentation" />
+          <img src="/assets/nav-icon.jpg" alt="" class="brand-icon" role="presentation" />
           <h1><a routerLink="/">Naomi's Library</a></h1>
           @if (version()) {
             <span class="version" aria-label="Version {{ version() }}">v{{ version() }}</span>
diff --git a/apps/frontend/src/app/components/home/home.component.ts b/apps/frontend/src/app/components/home/home.component.ts
index cea8617..e2a2b5e 100644
--- a/apps/frontend/src/app/components/home/home.component.ts
+++ b/apps/frontend/src/app/components/home/home.component.ts
@@ -23,6 +23,7 @@ import { Game, GameStatus, Book, BookStatus, Music, MusicType, Manga, MangaStatu
     <div class="container">
       <div class="hero">
         <h1>Welcome to Naomi's Library</h1>
+        <img src="/assets/nav-icon.jpg" alt="Naomi's avatar" class="hero-avatar" />
         <p class="tagline">A personal collection of games, books, music, manga, shows, and art</p>
       </div>
 
@@ -190,10 +191,28 @@ import { Game, GameStatus, Book, BookStatus, Music, MusicType, Manga, MangaStatu
 
     .hero h1 {
       font-size: 2.5rem;
-      margin-bottom: 0.5rem;
+      margin-bottom: 1rem;
       color: var(--witch-purple);
     }
 
+    .hero-avatar {
+      width: 150px;
+      height: 150px;
+      border-radius: 50%;
+      object-fit: cover;
+      border: 4px solid var(--witch-lavender);
+      box-shadow: 0 4px 12px var(--witch-shadow);
+      margin: 1rem auto;
+      display: block;
+      transition: all 0.3s;
+    }
+
+    .hero-avatar:hover {
+      transform: scale(1.05);
+      box-shadow: 0 8px 16px rgba(157, 78, 221, 0.5);
+      border-color: var(--witch-rose);
+    }
+
     .tagline {
       font-size: 1.2rem;
       color: var(--witch-plum);