diff --git a/App/app/apple-icon.png b/App/app/apple-icon.png
new file mode 100644
index 0000000..1317636
Binary files /dev/null and b/App/app/apple-icon.png differ
diff --git a/App/app/favicon.ico b/App/app/favicon.ico
new file mode 100644
index 0000000..0c49a60
Binary files /dev/null and b/App/app/favicon.ico differ
diff --git a/App/app/icon.png b/App/app/icon.png
new file mode 100644
index 0000000..f52d677
Binary files /dev/null and b/App/app/icon.png differ
diff --git a/App/app/styles.css b/App/app/styles.css
index a8db8dc..13e53c1 100644
--- a/App/app/styles.css
+++ b/App/app/styles.css
@@ -27,6 +27,8 @@ main { overflow: hidden; }
 .nav { display: flex; justify-content: space-between; align-items: center; margin-bottom: 110px; }
 .brand, .status { display: inline-flex; align-items: center; gap: 10px; color: var(--muted); font-weight: 650; }
 .orb { width: 13px; height: 13px; border-radius: 99px; background: linear-gradient(135deg, var(--accent), var(--accent-2)); box-shadow: 0 0 30px var(--accent); }
+.brandLogo { height: 28px; width: auto; display: block; filter: drop-shadow(0 8px 24px rgba(236, 27, 105, .3)); }
+.brandSub { color: var(--text); font-weight: 750; letter-spacing: -.01em; }
 .status { border: 1px solid var(--line); border-radius: 999px; padding: 10px 14px; background: rgba(255,255,255,.04); }
 .siteNav { gap: 18px; }
 .navActions { display: flex; align-items: center; justify-content: flex-end; gap: 12px; flex-wrap: wrap; }
diff --git a/App/components/SiteNav.tsx b/App/components/SiteNav.tsx
index 4549188..0408f5d 100644
--- a/App/components/SiteNav.tsx
+++ b/App/components/SiteNav.tsx
@@ -11,7 +11,11 @@ export default function SiteNav() {
 
   return (
     <nav className="nav siteNav">
-      <a href="/" className="brand"><span className="orb" /> PerkOS Knowledge</a>
+      <a href="/" className="brand" aria-label="PerkOS Knowledge">
+        {/* eslint-disable-next-line @next/next/no-img-element */}
+        <img src="/perkos-header.png" alt="PerkOS" width={82} height={28} className="brandLogo" />
+        <span className="brandSub">Knowledge</span>
+      </a>
       <div className="navActions">
         {allowed ? (
           <div className="headerMenu" aria-label="Authenticated navigation">
diff --git a/App/public/perkos-header.png b/App/public/perkos-header.png
new file mode 100644
index 0000000..598040a
Binary files /dev/null and b/App/public/perkos-header.png differ