diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..84f5661
Binary files /dev/null and b/.DS_Store differ
diff --git a/about.html b/about.html
index 000e6bd..e1bf19e 100644
--- a/about.html
+++ b/about.html
@@ -30,17 +30,7 @@
   <header class="nav" role="banner">
     <div class="nav-inner">
       <a class="nav-logo" href="index.html" aria-label="PorfolioJournal home">
-        <svg viewBox="0 0 64 64" aria-hidden="true">
-          <defs>
-            <linearGradient id="nav-gradient" x1="0" y1="0" x2="1" y2="1">
-              <stop offset="0%" stop-color="#667eea"></stop>
-              <stop offset="100%" stop-color="#764ba2"></stop>
-            </linearGradient>
-          </defs>
-          <rect x="6" y="6" width="52" height="52" rx="14" fill="url(#nav-gradient)"></rect>
-          <path d="M20 44c0-10 8-18 16-18s16 8 16 18" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-          <path d="M24 26h24" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-        </svg>
+        <img src="assets/images/app-icon.svg" alt="" aria-hidden="true">
         <span>PorfolioJournal</span>
       </a>
       <nav aria-label="Primary">
@@ -105,17 +95,7 @@
       <div class="footer-grid">
         <div class="footer-brand">
           <div class="footer-logo">
-            <svg viewBox="0 0 64 64" aria-hidden="true">
-              <defs>
-                <linearGradient id="footer-gradient" x1="0" y1="0" x2="1" y2="1">
-                  <stop offset="0%" stop-color="#667eea"></stop>
-                  <stop offset="100%" stop-color="#764ba2"></stop>
-                </linearGradient>
-              </defs>
-              <rect x="6" y="6" width="52" height="52" rx="14" fill="url(#footer-gradient)"></rect>
-              <path d="M20 44c0-10 8-18 16-18s16 8 16 18" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-              <path d="M24 26h24" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-            </svg>
+            <img src="assets/images/app-icon.svg" alt="" aria-hidden="true">
             <span>PorfolioJournal</span>
           </div>
           <p>Calm, offline-first portfolio journaling for iOS.</p>
diff --git a/assets/css/style.css b/assets/css/style.css
index fd27b17..57c49f0 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -19,12 +19,12 @@
   --color-text-secondary: #6e6e73;
   --color-text-tertiary: #86868b;
 
-  --color-primary: #0071e3;
-  --color-primary-hover: #0077ed;
-  --color-primary-active: #006edb;
+  --color-primary: #4b7bf2;
+  --color-primary-hover: #3f6fe6;
+  --color-primary-active: #3563d9;
 
-  --color-accent: #34c759;
-  --color-accent-secondary: #5856d6;
+  --color-accent: #58b77a;
+  --color-accent-secondary: #e9a23b;
   --color-warning: #ff9500;
   --color-error: #ff3b30;
 
@@ -35,9 +35,9 @@
   /* Gradients */
   --gradient-hero: linear-gradient(180deg, #f5f5f7 0%, #ffffff 100%);
   --gradient-card: linear-gradient(145deg, #ffffff 0%, #fafafa 100%);
-  --gradient-accent: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  --gradient-blob-1: radial-gradient(circle at 30% 20%, rgba(102, 126, 234, 0.08) 0%, transparent 50%);
-  --gradient-blob-2: radial-gradient(circle at 70% 80%, rgba(118, 75, 162, 0.06) 0%, transparent 50%);
+  --gradient-accent: linear-gradient(135deg, #4b7bf2 0%, #58b77a 100%);
+  --gradient-blob-1: radial-gradient(circle at 30% 20%, rgba(75, 123, 242, 0.12) 0%, transparent 50%);
+  --gradient-blob-2: radial-gradient(circle at 70% 80%, rgba(233, 162, 59, 0.1) 0%, transparent 50%);
 
   /* Shadows */
   --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
@@ -129,12 +129,12 @@
   --color-text-secondary: #a1a1a6;
   --color-text-tertiary: #8e8e93;
 
-  --color-primary: #0a84ff;
-  --color-primary-hover: #409cff;
-  --color-primary-active: #0077ed;
+  --color-primary: #6f93ff;
+  --color-primary-hover: #82a2ff;
+  --color-primary-active: #5a7fe6;
 
-  --color-accent: #30d158;
-  --color-accent-secondary: #5e5ce6;
+  --color-accent: #72d39a;
+  --color-accent-secondary: #ffb54d;
 
   --color-border: rgba(255, 255, 255, 0.1);
   --color-border-strong: rgba(255, 255, 255, 0.16);
@@ -142,8 +142,8 @@
 
   --gradient-hero: linear-gradient(180deg, #1c1c1e 0%, #000000 100%);
   --gradient-card: linear-gradient(145deg, #2c2c2e 0%, #1c1c1e 100%);
-  --gradient-blob-1: radial-gradient(circle at 30% 20%, rgba(102, 126, 234, 0.12) 0%, transparent 50%);
-  --gradient-blob-2: radial-gradient(circle at 70% 80%, rgba(118, 75, 162, 0.1) 0%, transparent 50%);
+  --gradient-blob-1: radial-gradient(circle at 30% 20%, rgba(111, 147, 255, 0.16) 0%, transparent 50%);
+  --gradient-blob-2: radial-gradient(circle at 70% 80%, rgba(255, 181, 77, 0.12) 0%, transparent 50%);
 
   --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
   --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
@@ -388,7 +388,8 @@ p {
   color: var(--color-text);
 }
 
-.nav-logo svg {
+.nav-logo svg,
+.nav-logo img {
   width: 28px;
   height: 28px;
 }
@@ -674,13 +675,15 @@ p {
   height: 120px;
   margin: 0 auto var(--space-8);
   border-radius: var(--radius-2xl);
-  background: var(--gradient-accent);
+  background: var(--color-surface);
+  border: 1px solid var(--color-border);
   box-shadow: var(--shadow-lg);
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
+.hero-app-icon img,
 .hero-app-icon svg {
   width: 60px;
   height: 60px;
@@ -777,14 +780,14 @@ p {
   font-size: var(--font-size-xs);
   font-weight: var(--font-weight-semibold);
   color: var(--color-accent-secondary);
-  background: rgba(88, 86, 214, 0.1);
+  background: rgba(233, 162, 59, 0.12);
   border-radius: var(--radius-full);
   text-transform: uppercase;
   letter-spacing: 0.5px;
 }
 
 [data-theme="dark"] .premium-badge {
-  background: rgba(94, 92, 230, 0.2);
+  background: rgba(255, 181, 77, 0.2);
 }
 
 /* ========================================
@@ -1124,7 +1127,8 @@ p {
   margin-bottom: var(--space-4);
 }
 
-.footer-logo svg {
+.footer-logo svg,
+.footer-logo img {
   width: 32px;
   height: 32px;
 }
diff --git a/assets/icons/AppIcon.png b/assets/icons/AppIcon.png
new file mode 100644
index 0000000..40175c0
Binary files /dev/null and b/assets/icons/AppIcon.png differ
diff --git a/assets/icons/apple-touch-icon.svg b/assets/icons/apple-touch-icon.svg
index 794a008..2450be5 100644
--- a/assets/icons/apple-touch-icon.svg
+++ b/assets/icons/apple-touch-icon.svg
@@ -1,11 +1,9 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="180" height="180" viewBox="0 0 180 180" role="img" aria-label="PorfolioJournal">
-  <defs>
-    <linearGradient id="pj-gradient" x1="0" y1="0" x2="1" y2="1">
-      <stop offset="0%" stop-color="#667eea"/>
-      <stop offset="100%" stop-color="#764ba2"/>
-    </linearGradient>
-  </defs>
-  <rect x="12" y="12" width="156" height="156" rx="36" fill="url(#pj-gradient)"/>
-  <path d="M56 124c0-28 20-48 44-48s44 20 44 48" fill="none" stroke="white" stroke-width="10" stroke-linecap="round"/>
-  <path d="M64 74h72" fill="none" stroke="white" stroke-width="10" stroke-linecap="round"/>
+  <rect x="12" y="12" width="156" height="156" rx="36" fill="#ffffff" stroke="#e6e9ef" stroke-width="2"/>
+  <rect x="48" y="52" width="20" height="90" fill="#1f2b3a"/>
+  <rect x="74" y="78" width="20" height="64" fill="#4b7bf2"/>
+  <rect x="100" y="66" width="20" height="76" fill="#58b77a"/>
+  <rect x="126" y="42" width="20" height="100" fill="#e9a23b"/>
+  <path d="M70 94C84 78 104 68 128 54" fill="none" stroke="#1f2b3a" stroke-width="8" stroke-linecap="round"/>
+  <circle cx="136" cy="50" r="10" fill="#1f2b3a"/>
 </svg>
diff --git a/assets/icons/favicon.svg b/assets/icons/favicon.svg
index 4585492..78d1534 100644
--- a/assets/icons/favicon.svg
+++ b/assets/icons/favicon.svg
@@ -1,11 +1,9 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" role="img" aria-label="PorfolioJournal">
-  <defs>
-    <linearGradient id="pj-gradient" x1="0" y1="0" x2="1" y2="1">
-      <stop offset="0%" stop-color="#667eea"/>
-      <stop offset="100%" stop-color="#764ba2"/>
-    </linearGradient>
-  </defs>
-  <rect x="4" y="4" width="56" height="56" rx="14" fill="url(#pj-gradient)"/>
-  <path d="M20 44c0-10 8-18 16-18s16 8 16 18" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"/>
-  <path d="M24 26h24" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"/>
+  <rect x="4" y="4" width="56" height="56" rx="14" fill="#ffffff" stroke="#e6e9ef" stroke-width="1"/>
+  <rect x="16" y="18" width="8" height="36" fill="#1f2b3a"/>
+  <rect x="26" y="28" width="8" height="26" fill="#4b7bf2"/>
+  <rect x="36" y="24" width="8" height="30" fill="#58b77a"/>
+  <rect x="46" y="14" width="8" height="40" fill="#e9a23b"/>
+  <path d="M24 34C30 28 38 24 48 18" fill="none" stroke="#1f2b3a" stroke-width="3.5" stroke-linecap="round"/>
+  <circle cx="50" cy="16" r="4" fill="#1f2b3a"/>
 </svg>
diff --git a/assets/images/app-icon.svg b/assets/images/app-icon.svg
index 21ce47f..2019888 100644
--- a/assets/images/app-icon.svg
+++ b/assets/images/app-icon.svg
@@ -1,13 +1,9 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512" role="img" aria-label="PorfolioJournal app icon">
-  <defs>
-    <linearGradient id="pj-gradient" x1="0" y1="0" x2="1" y2="1">
-      <stop offset="0%" stop-color="#667eea"/>
-      <stop offset="100%" stop-color="#764ba2"/>
-    </linearGradient>
-  </defs>
-  <rect x="32" y="32" width="448" height="448" rx="96" fill="url(#pj-gradient)"/>
-  <path d="M160 336c0-64 48-112 96-112s96 48 96 112" fill="none" stroke="white" stroke-width="28" stroke-linecap="round"/>
-  <path d="M192 208h128" fill="none" stroke="white" stroke-width="28" stroke-linecap="round"/>
-  <circle cx="208" cy="176" r="12" fill="white"/>
-  <circle cx="304" cy="176" r="12" fill="white"/>
+  <rect x="32" y="32" width="448" height="448" rx="96" fill="#ffffff" stroke="#e6e9ef" stroke-width="4"/>
+  <rect x="140" y="150" width="72" height="272" fill="#1f2b3a"/>
+  <rect x="220" y="230" width="72" height="192" fill="#4b7bf2"/>
+  <rect x="300" y="190" width="72" height="232" fill="#58b77a"/>
+  <rect x="380" y="120" width="72" height="302" fill="#e9a23b"/>
+  <path d="M208 270C254 220 320 185 392 140" fill="none" stroke="#1f2b3a" stroke-width="18" stroke-linecap="round"/>
+  <circle cx="404" cy="132" r="20" fill="#1f2b3a"/>
 </svg>
diff --git a/assets/images/og-image.svg b/assets/images/og-image.svg
index 629cadf..4a6a362 100644
--- a/assets/images/og-image.svg
+++ b/assets/images/og-image.svg
@@ -1,14 +1,12 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630" role="img" aria-label="PorfolioJournal">
-  <defs>
-    <linearGradient id="pj-gradient" x1="0" y1="0" x2="1" y2="1">
-      <stop offset="0%" stop-color="#667eea"/>
-      <stop offset="100%" stop-color="#764ba2"/>
-    </linearGradient>
-  </defs>
-  <rect width="1200" height="630" fill="#f5f5f7"/>
-  <rect x="96" y="96" width="144" height="144" rx="36" fill="url(#pj-gradient)"/>
-  <path d="M130 190c0-26 20-46 46-46s46 20 46 46" fill="none" stroke="white" stroke-width="10" stroke-linecap="round"/>
-  <path d="M138 138h72" fill="none" stroke="white" stroke-width="10" stroke-linecap="round"/>
-  <text x="96" y="310" font-family="-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif" font-size="64" fill="#1d1d1f" font-weight="600">PorfolioJournal</text>
-  <text x="96" y="380" font-family="-apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif" font-size="32" fill="#6e6e73">Offline-first portfolio tracking with calm monthly check-ins.</text>
+  <rect width="1200" height="630" fill="#f6f7f9"/>
+  <rect x="96" y="96" width="164" height="164" rx="40" fill="#ffffff" stroke="#e6e9ef" stroke-width="3"/>
+  <rect x="136" y="148" width="20" height="88" fill="#1f2b3a"/>
+  <rect x="162" y="178" width="20" height="58" fill="#4b7bf2"/>
+  <rect x="188" y="166" width="20" height="70" fill="#58b77a"/>
+  <rect x="214" y="136" width="20" height="100" fill="#e9a23b"/>
+  <path d="M160 196C176 176 198 166 224 150" fill="none" stroke="#1f2b3a" stroke-width="8" stroke-linecap="round"/>
+  <circle cx="232" cy="146" r="10" fill="#1f2b3a"/>
+  <text x="96" y="330" font-family="-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif" font-size="64" fill="#1f2b3a" font-weight="600">PorfolioJournal</text>
+  <text x="96" y="400" font-family="-apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif" font-size="32" fill="#4b5668">Offline-first portfolio tracking with calm monthly check-ins.</text>
 </svg>
diff --git a/changelog.html b/changelog.html
index 3ebeac8..c9d3d75 100644
--- a/changelog.html
+++ b/changelog.html
@@ -30,17 +30,7 @@
   <header class="nav" role="banner">
     <div class="nav-inner">
       <a class="nav-logo" href="index.html" aria-label="PorfolioJournal home">
-        <svg viewBox="0 0 64 64" aria-hidden="true">
-          <defs>
-            <linearGradient id="nav-gradient" x1="0" y1="0" x2="1" y2="1">
-              <stop offset="0%" stop-color="#667eea"></stop>
-              <stop offset="100%" stop-color="#764ba2"></stop>
-            </linearGradient>
-          </defs>
-          <rect x="6" y="6" width="52" height="52" rx="14" fill="url(#nav-gradient)"></rect>
-          <path d="M20 44c0-10 8-18 16-18s16 8 16 18" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-          <path d="M24 26h24" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-        </svg>
+        <img src="assets/images/app-icon.svg" alt="" aria-hidden="true">
         <span>PorfolioJournal</span>
       </a>
       <nav aria-label="Primary">
@@ -121,17 +111,7 @@
       <div class="footer-grid">
         <div class="footer-brand">
           <div class="footer-logo">
-            <svg viewBox="0 0 64 64" aria-hidden="true">
-              <defs>
-                <linearGradient id="footer-gradient" x1="0" y1="0" x2="1" y2="1">
-                  <stop offset="0%" stop-color="#667eea"></stop>
-                  <stop offset="100%" stop-color="#764ba2"></stop>
-                </linearGradient>
-              </defs>
-              <rect x="6" y="6" width="52" height="52" rx="14" fill="url(#footer-gradient)"></rect>
-              <path d="M20 44c0-10 8-18 16-18s16 8 16 18" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-              <path d="M24 26h24" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-            </svg>
+            <img src="assets/images/app-icon.svg" alt="" aria-hidden="true">
             <span>PorfolioJournal</span>
           </div>
           <p>Calm, offline-first portfolio journaling for iOS.</p>
diff --git a/delete-data.html b/delete-data.html
index 6cc2179..c7678ac 100644
--- a/delete-data.html
+++ b/delete-data.html
@@ -30,17 +30,7 @@
   <header class="nav" role="banner">
     <div class="nav-inner">
       <a class="nav-logo" href="index.html" aria-label="PorfolioJournal home">
-        <svg viewBox="0 0 64 64" aria-hidden="true">
-          <defs>
-            <linearGradient id="nav-gradient" x1="0" y1="0" x2="1" y2="1">
-              <stop offset="0%" stop-color="#667eea"></stop>
-              <stop offset="100%" stop-color="#764ba2"></stop>
-            </linearGradient>
-          </defs>
-          <rect x="6" y="6" width="52" height="52" rx="14" fill="url(#nav-gradient)"></rect>
-          <path d="M20 44c0-10 8-18 16-18s16 8 16 18" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-          <path d="M24 26h24" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-        </svg>
+        <img src="assets/images/app-icon.svg" alt="" aria-hidden="true">
         <span>PorfolioJournal</span>
       </a>
       <nav aria-label="Primary">
@@ -100,17 +90,7 @@
       <div class="footer-grid">
         <div class="footer-brand">
           <div class="footer-logo">
-            <svg viewBox="0 0 64 64" aria-hidden="true">
-              <defs>
-                <linearGradient id="footer-gradient" x1="0" y1="0" x2="1" y2="1">
-                  <stop offset="0%" stop-color="#667eea"></stop>
-                  <stop offset="100%" stop-color="#764ba2"></stop>
-                </linearGradient>
-              </defs>
-              <rect x="6" y="6" width="52" height="52" rx="14" fill="url(#footer-gradient)"></rect>
-              <path d="M20 44c0-10 8-18 16-18s16 8 16 18" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-              <path d="M24 26h24" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-            </svg>
+            <img src="assets/images/app-icon.svg" alt="" aria-hidden="true">
             <span>PorfolioJournal</span>
           </div>
           <p>Calm, offline-first portfolio journaling for iOS.</p>
diff --git a/index.html b/index.html
index 7bdc43e..ef4c281 100644
--- a/index.html
+++ b/index.html
@@ -30,17 +30,7 @@
   <header class="nav" role="banner">
     <div class="nav-inner">
       <a class="nav-logo" href="index.html" aria-label="PorfolioJournal home">
-        <svg viewBox="0 0 64 64" aria-hidden="true">
-          <defs>
-            <linearGradient id="nav-gradient" x1="0" y1="0" x2="1" y2="1">
-              <stop offset="0%" stop-color="#667eea"></stop>
-              <stop offset="100%" stop-color="#764ba2"></stop>
-            </linearGradient>
-          </defs>
-          <rect x="6" y="6" width="52" height="52" rx="14" fill="url(#nav-gradient)"></rect>
-          <path d="M20 44c0-10 8-18 16-18s16 8 16 18" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-          <path d="M24 26h24" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-        </svg>
+        <img src="assets/images/app-icon.svg" alt="" aria-hidden="true">
         <span>PorfolioJournal</span>
       </a>
       <nav aria-label="Primary">
@@ -64,17 +54,7 @@
       <div class="container">
         <div class="hero-content">
           <div class="hero-app-icon" aria-hidden="true">
-            <svg viewBox="0 0 64 64" aria-hidden="true">
-              <defs>
-                <linearGradient id="hero-gradient" x1="0" y1="0" x2="1" y2="1">
-                  <stop offset="0%" stop-color="#667eea"></stop>
-                  <stop offset="100%" stop-color="#764ba2"></stop>
-                </linearGradient>
-              </defs>
-              <rect x="6" y="6" width="52" height="52" rx="14" fill="url(#hero-gradient)"></rect>
-              <path d="M20 44c0-10 8-18 16-18s16 8 16 18" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-              <path d="M24 26h24" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-            </svg>
+            <img src="assets/images/app-icon.svg" alt="" aria-hidden="true">
           </div>
           <div class="hero-badge">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
@@ -320,17 +300,7 @@
       <div class="footer-grid">
         <div class="footer-brand">
           <div class="footer-logo">
-            <svg viewBox="0 0 64 64" aria-hidden="true">
-              <defs>
-                <linearGradient id="footer-gradient" x1="0" y1="0" x2="1" y2="1">
-                  <stop offset="0%" stop-color="#667eea"></stop>
-                  <stop offset="100%" stop-color="#764ba2"></stop>
-                </linearGradient>
-              </defs>
-              <rect x="6" y="6" width="52" height="52" rx="14" fill="url(#footer-gradient)"></rect>
-              <path d="M20 44c0-10 8-18 16-18s16 8 16 18" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-              <path d="M24 26h24" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-            </svg>
+            <img src="assets/images/app-icon.svg" alt="" aria-hidden="true">
             <span>PorfolioJournal</span>
           </div>
           <p>Calm, offline-first portfolio journaling for iOS.</p>
diff --git a/press-kit.html b/press-kit.html
index e780100..8157d3c 100644
--- a/press-kit.html
+++ b/press-kit.html
@@ -30,17 +30,7 @@
   <header class="nav" role="banner">
     <div class="nav-inner">
       <a class="nav-logo" href="index.html" aria-label="PorfolioJournal home">
-        <svg viewBox="0 0 64 64" aria-hidden="true">
-          <defs>
-            <linearGradient id="nav-gradient" x1="0" y1="0" x2="1" y2="1">
-              <stop offset="0%" stop-color="#667eea"></stop>
-              <stop offset="100%" stop-color="#764ba2"></stop>
-            </linearGradient>
-          </defs>
-          <rect x="6" y="6" width="52" height="52" rx="14" fill="url(#nav-gradient)"></rect>
-          <path d="M20 44c0-10 8-18 16-18s16 8 16 18" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-          <path d="M24 26h24" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-        </svg>
+        <img src="assets/images/app-icon.svg" alt="" aria-hidden="true">
         <span>PorfolioJournal</span>
       </a>
       <nav aria-label="Primary">
@@ -129,10 +119,10 @@
           <p>Use clean typography, generous spacing, and calm gradients. Avoid clutter. The product should feel deliberate and trustworthy.</p>
 
           <div class="brand-colors">
-            <div class="color-swatch" style="background:#667eea">#667EEA</div>
-            <div class="color-swatch" style="background:#764ba2">#764BA2</div>
-            <div class="color-swatch" style="background:#0071e3">#0071E3</div>
-            <div class="color-swatch" style="background:#34c759">#34C759</div>
+            <div class="color-swatch" style="background:#1f2b3a">#1F2B3A</div>
+            <div class="color-swatch" style="background:#4b7bf2">#4B7BF2</div>
+            <div class="color-swatch" style="background:#58b77a">#58B77A</div>
+            <div class="color-swatch" style="background:#e9a23b">#E9A23B</div>
           </div>
 
           <h2>Press contact</h2>
@@ -147,17 +137,7 @@
       <div class="footer-grid">
         <div class="footer-brand">
           <div class="footer-logo">
-            <svg viewBox="0 0 64 64" aria-hidden="true">
-              <defs>
-                <linearGradient id="footer-gradient" x1="0" y1="0" x2="1" y2="1">
-                  <stop offset="0%" stop-color="#667eea"></stop>
-                  <stop offset="100%" stop-color="#764ba2"></stop>
-                </linearGradient>
-              </defs>
-              <rect x="6" y="6" width="52" height="52" rx="14" fill="url(#footer-gradient)"></rect>
-              <path d="M20 44c0-10 8-18 16-18s16 8 16 18" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-              <path d="M24 26h24" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-            </svg>
+            <img src="assets/images/app-icon.svg" alt="" aria-hidden="true">
             <span>PorfolioJournal</span>
           </div>
           <p>Calm, offline-first portfolio journaling for iOS.</p>
diff --git a/privacy.html b/privacy.html
index b9cfa24..f47cd2a 100644
--- a/privacy.html
+++ b/privacy.html
@@ -30,17 +30,7 @@
   <header class="nav" role="banner">
     <div class="nav-inner">
       <a class="nav-logo" href="index.html" aria-label="PorfolioJournal home">
-        <svg viewBox="0 0 64 64" aria-hidden="true">
-          <defs>
-            <linearGradient id="nav-gradient" x1="0" y1="0" x2="1" y2="1">
-              <stop offset="0%" stop-color="#667eea"></stop>
-              <stop offset="100%" stop-color="#764ba2"></stop>
-            </linearGradient>
-          </defs>
-          <rect x="6" y="6" width="52" height="52" rx="14" fill="url(#nav-gradient)"></rect>
-          <path d="M20 44c0-10 8-18 16-18s16 8 16 18" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-          <path d="M24 26h24" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-        </svg>
+        <img src="assets/images/app-icon.svg" alt="" aria-hidden="true">
         <span>PorfolioJournal</span>
       </a>
       <nav aria-label="Primary">
@@ -124,17 +114,7 @@
       <div class="footer-grid">
         <div class="footer-brand">
           <div class="footer-logo">
-            <svg viewBox="0 0 64 64" aria-hidden="true">
-              <defs>
-                <linearGradient id="footer-gradient" x1="0" y1="0" x2="1" y2="1">
-                  <stop offset="0%" stop-color="#667eea"></stop>
-                  <stop offset="100%" stop-color="#764ba2"></stop>
-                </linearGradient>
-              </defs>
-              <rect x="6" y="6" width="52" height="52" rx="14" fill="url(#footer-gradient)"></rect>
-              <path d="M20 44c0-10 8-18 16-18s16 8 16 18" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-              <path d="M24 26h24" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-            </svg>
+            <img src="assets/images/app-icon.svg" alt="" aria-hidden="true">
             <span>PorfolioJournal</span>
           </div>
           <p>Calm, offline-first portfolio journaling for iOS.</p>
diff --git a/security.html b/security.html
index 5a4335b..6b69038 100644
--- a/security.html
+++ b/security.html
@@ -30,17 +30,7 @@
   <header class="nav" role="banner">
     <div class="nav-inner">
       <a class="nav-logo" href="index.html" aria-label="PorfolioJournal home">
-        <svg viewBox="0 0 64 64" aria-hidden="true">
-          <defs>
-            <linearGradient id="nav-gradient" x1="0" y1="0" x2="1" y2="1">
-              <stop offset="0%" stop-color="#667eea"></stop>
-              <stop offset="100%" stop-color="#764ba2"></stop>
-            </linearGradient>
-          </defs>
-          <rect x="6" y="6" width="52" height="52" rx="14" fill="url(#nav-gradient)"></rect>
-          <path d="M20 44c0-10 8-18 16-18s16 8 16 18" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-          <path d="M24 26h24" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-        </svg>
+        <img src="assets/images/app-icon.svg" alt="" aria-hidden="true">
         <span>PorfolioJournal</span>
       </a>
       <nav aria-label="Primary">
@@ -102,17 +92,7 @@
       <div class="footer-grid">
         <div class="footer-brand">
           <div class="footer-logo">
-            <svg viewBox="0 0 64 64" aria-hidden="true">
-              <defs>
-                <linearGradient id="footer-gradient" x1="0" y1="0" x2="1" y2="1">
-                  <stop offset="0%" stop-color="#667eea"></stop>
-                  <stop offset="100%" stop-color="#764ba2"></stop>
-                </linearGradient>
-              </defs>
-              <rect x="6" y="6" width="52" height="52" rx="14" fill="url(#footer-gradient)"></rect>
-              <path d="M20 44c0-10 8-18 16-18s16 8 16 18" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-              <path d="M24 26h24" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-            </svg>
+            <img src="assets/images/app-icon.svg" alt="" aria-hidden="true">
             <span>PorfolioJournal</span>
           </div>
           <p>Calm, offline-first portfolio journaling for iOS.</p>
diff --git a/sitemap.xml b/sitemap.xml
index 1719003..96ca354 100644
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -6,38 +6,38 @@
   </url>
   <url>
     <loc>https://portfoliojournal.app/privacy.html</loc>
-    <lastmod>2025-01-15</lastmod>
+    <lastmod>2026-01-15</lastmod>
   </url>
   <url>
     <loc>https://portfoliojournal.app/terms.html</loc>
-    <lastmod>2025-01-15</lastmod>
+    <lastmod>2026-01-15</lastmod>
   </url>
   <url>
     <loc>https://portfoliojournal.app/support.html</loc>
-    <lastmod>2025-01-15</lastmod>
+    <lastmod>2026-01-15</lastmod>
   </url>
   <url>
     <loc>https://portfoliojournal.app/security.html</loc>
-    <lastmod>2025-01-15</lastmod>
+    <lastmod>2026-01-15</lastmod>
   </url>
   <url>
     <loc>https://portfoliojournal.app/press-kit.html</loc>
-    <lastmod>2025-01-15</lastmod>
+    <lastmod>2026-01-15</lastmod>
   </url>
   <url>
     <loc>https://portfoliojournal.app/status.html</loc>
-    <lastmod>2025-01-15</lastmod>
+    <lastmod>2026-01-15</lastmod>
   </url>
   <url>
     <loc>https://portfoliojournal.app/changelog.html</loc>
-    <lastmod>2025-01-15</lastmod>
+    <lastmod>2026-01-15</lastmod>
   </url>
   <url>
     <loc>https://portfoliojournal.app/delete-data.html</loc>
-    <lastmod>2025-01-15</lastmod>
+    <lastmod>2026-01-15</lastmod>
   </url>
   <url>
     <loc>https://portfoliojournal.app/about.html</loc>
-    <lastmod>2025-01-15</lastmod>
+    <lastmod>2026-01-15</lastmod>
   </url>
 </urlset>
diff --git a/status.html b/status.html
index 3787d0c..725e981 100644
--- a/status.html
+++ b/status.html
@@ -30,17 +30,7 @@
   <header class="nav" role="banner">
     <div class="nav-inner">
       <a class="nav-logo" href="index.html" aria-label="PorfolioJournal home">
-        <svg viewBox="0 0 64 64" aria-hidden="true">
-          <defs>
-            <linearGradient id="nav-gradient" x1="0" y1="0" x2="1" y2="1">
-              <stop offset="0%" stop-color="#667eea"></stop>
-              <stop offset="100%" stop-color="#764ba2"></stop>
-            </linearGradient>
-          </defs>
-          <rect x="6" y="6" width="52" height="52" rx="14" fill="url(#nav-gradient)"></rect>
-          <path d="M20 44c0-10 8-18 16-18s16 8 16 18" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-          <path d="M24 26h24" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-        </svg>
+        <img src="assets/images/app-icon.svg" alt="" aria-hidden="true">
         <span>PorfolioJournal</span>
       </a>
       <nav aria-label="Primary">
@@ -102,17 +92,7 @@
       <div class="footer-grid">
         <div class="footer-brand">
           <div class="footer-logo">
-            <svg viewBox="0 0 64 64" aria-hidden="true">
-              <defs>
-                <linearGradient id="footer-gradient" x1="0" y1="0" x2="1" y2="1">
-                  <stop offset="0%" stop-color="#667eea"></stop>
-                  <stop offset="100%" stop-color="#764ba2"></stop>
-                </linearGradient>
-              </defs>
-              <rect x="6" y="6" width="52" height="52" rx="14" fill="url(#footer-gradient)"></rect>
-              <path d="M20 44c0-10 8-18 16-18s16 8 16 18" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-              <path d="M24 26h24" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-            </svg>
+            <img src="assets/images/app-icon.svg" alt="" aria-hidden="true">
             <span>PorfolioJournal</span>
           </div>
           <p>Calm, offline-first portfolio journaling for iOS.</p>
diff --git a/support.html b/support.html
index e83e5a7..cd0ad7f 100644
--- a/support.html
+++ b/support.html
@@ -30,17 +30,7 @@
   <header class="nav" role="banner">
     <div class="nav-inner">
       <a class="nav-logo" href="index.html" aria-label="PorfolioJournal home">
-        <svg viewBox="0 0 64 64" aria-hidden="true">
-          <defs>
-            <linearGradient id="nav-gradient" x1="0" y1="0" x2="1" y2="1">
-              <stop offset="0%" stop-color="#667eea"></stop>
-              <stop offset="100%" stop-color="#764ba2"></stop>
-            </linearGradient>
-          </defs>
-          <rect x="6" y="6" width="52" height="52" rx="14" fill="url(#nav-gradient)"></rect>
-          <path d="M20 44c0-10 8-18 16-18s16 8 16 18" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-          <path d="M24 26h24" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-        </svg>
+        <img src="assets/images/app-icon.svg" alt="" aria-hidden="true">
         <span>PorfolioJournal</span>
       </a>
       <nav aria-label="Primary">
@@ -136,17 +126,7 @@
       <div class="footer-grid">
         <div class="footer-brand">
           <div class="footer-logo">
-            <svg viewBox="0 0 64 64" aria-hidden="true">
-              <defs>
-                <linearGradient id="footer-gradient" x1="0" y1="0" x2="1" y2="1">
-                  <stop offset="0%" stop-color="#667eea"></stop>
-                  <stop offset="100%" stop-color="#764ba2"></stop>
-                </linearGradient>
-              </defs>
-              <rect x="6" y="6" width="52" height="52" rx="14" fill="url(#footer-gradient)"></rect>
-              <path d="M20 44c0-10 8-18 16-18s16 8 16 18" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-              <path d="M24 26h24" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-            </svg>
+            <img src="assets/images/app-icon.svg" alt="" aria-hidden="true">
             <span>PorfolioJournal</span>
           </div>
           <p>Calm, offline-first portfolio journaling for iOS.</p>
diff --git a/terms.html b/terms.html
index 8dfaf1a..d572124 100644
--- a/terms.html
+++ b/terms.html
@@ -30,17 +30,7 @@
   <header class="nav" role="banner">
     <div class="nav-inner">
       <a class="nav-logo" href="index.html" aria-label="PorfolioJournal home">
-        <svg viewBox="0 0 64 64" aria-hidden="true">
-          <defs>
-            <linearGradient id="nav-gradient" x1="0" y1="0" x2="1" y2="1">
-              <stop offset="0%" stop-color="#667eea"></stop>
-              <stop offset="100%" stop-color="#764ba2"></stop>
-            </linearGradient>
-          </defs>
-          <rect x="6" y="6" width="52" height="52" rx="14" fill="url(#nav-gradient)"></rect>
-          <path d="M20 44c0-10 8-18 16-18s16 8 16 18" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-          <path d="M24 26h24" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-        </svg>
+        <img src="assets/images/app-icon.svg" alt="" aria-hidden="true">
         <span>PorfolioJournal</span>
       </a>
       <nav aria-label="Primary">
@@ -109,17 +99,7 @@
       <div class="footer-grid">
         <div class="footer-brand">
           <div class="footer-logo">
-            <svg viewBox="0 0 64 64" aria-hidden="true">
-              <defs>
-                <linearGradient id="footer-gradient" x1="0" y1="0" x2="1" y2="1">
-                  <stop offset="0%" stop-color="#667eea"></stop>
-                  <stop offset="100%" stop-color="#764ba2"></stop>
-                </linearGradient>
-              </defs>
-              <rect x="6" y="6" width="52" height="52" rx="14" fill="url(#footer-gradient)"></rect>
-              <path d="M20 44c0-10 8-18 16-18s16 8 16 18" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-              <path d="M24 26h24" fill="none" stroke="white" stroke-width="4" stroke-linecap="round"></path>
-            </svg>
+            <img src="assets/images/app-icon.svg" alt="" aria-hidden="true">
             <span>PorfolioJournal</span>
           </div>
           <p>Calm, offline-first portfolio journaling for iOS.</p>