diff --git a/website/app/globals.css b/website/app/globals.css
index 9df5698..514cf72 100644
--- a/website/app/globals.css
+++ b/website/app/globals.css
@@ -101,13 +101,8 @@ pre,
 .brand-mark {
   width: 2.25rem;
   height: 2.25rem;
-  display: grid;
-  place-items: center;
-  border-radius: 50%;
-  background: var(--ink);
-  color: var(--lime);
-  font: 700 0.68rem/1 "SFMono-Regular", Consolas, monospace;
-  letter-spacing: -0.08em;
+  display: block;
+  flex: 0 0 auto;
 }
 
 nav {
diff --git a/website/app/layout.tsx b/website/app/layout.tsx
index d853e17..7faaa86 100644
--- a/website/app/layout.tsx
+++ b/website/app/layout.tsx
@@ -25,6 +25,10 @@ export async function generateMetadata(): Promise<Metadata> {
     },
     description:
       "AgentAction controls consequential AI agent actions and preserves independently verifiable evidence of what was authorized and executed.",
+    icons: {
+      icon: [{ url: "/favicon.png", type: "image/png", sizes: "64x64" }],
+      apple: [{ url: "/logo.png", type: "image/png", sizes: "512x512" }],
+    },
     alternates: {
       canonical: "https://agentaction.dev/",
     },
diff --git a/website/app/page.tsx b/website/app/page.tsx
index 26248d2..b689b81 100644
--- a/website/app/page.tsx
+++ b/website/app/page.tsx
@@ -97,9 +97,7 @@ export default function Home() {
 
       <header className="site-header">
         <a className="brand" href="#top" aria-label="AgentAction home">
-          <span className="brand-mark" aria-hidden="true">
-            AA
-          </span>
+          <img className="brand-mark" src="/logo.png" alt="" width="36" height="36" />
           <span>AgentAction</span>
         </a>
         <nav aria-label="Primary navigation">
diff --git a/website/public/favicon.png b/website/public/favicon.png
new file mode 100644
index 0000000..47fdfbf
Binary files /dev/null and b/website/public/favicon.png differ
diff --git a/website/public/favicon.svg b/website/public/favicon.svg
new file mode 100644
index 0000000..7a58763
--- /dev/null
+++ b/website/public/favicon.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 512 512">
+  <circle cx="256" cy="256" r="256" fill="#11130f"/>
+  <text x="256" y="278" fill="#c9ff46" font-family="SFMono-Regular, Consolas, Liberation Mono, monospace" font-size="112" font-weight="700" letter-spacing="-9" text-anchor="middle">AA</text>
+</svg>
diff --git a/website/public/logo.png b/website/public/logo.png
new file mode 100644
index 0000000..b08e1a7
Binary files /dev/null and b/website/public/logo.png differ
diff --git a/website/public/logo.svg b/website/public/logo.svg
new file mode 100644
index 0000000..5187308
--- /dev/null
+++ b/website/public/logo.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512" role="img" aria-labelledby="title">
+  <title id="title">AgentAction logo</title>
+  <circle cx="256" cy="256" r="256" fill="#11130f"/>
+  <text x="256" y="278" fill="#c9ff46" font-family="SFMono-Regular, Consolas, Liberation Mono, monospace" font-size="112" font-weight="700" letter-spacing="-9" text-anchor="middle">AA</text>
+</svg>
diff --git a/website/tests/rendered-html.test.mjs b/website/tests/rendered-html.test.mjs
index 3d19870..b627628 100644
--- a/website/tests/rendered-html.test.mjs
+++ b/website/tests/rendered-html.test.mjs
@@ -57,8 +57,12 @@ test("removes starter-only assets and metadata", async () => {
   assert.match(layout, /https:\/\/agentaction\.dev/);
   assert.doesNotMatch(page, /_sites-preview|SkeletonPreview/);
   assert.doesNotMatch(layout, /Starter Project|codex-preview/);
+  assert.match(layout, /favicon\.png/);
+  assert.match(layout, /logo\.png/);
   assert.doesNotMatch(packageJson, /react-loading-skeleton/);
   assert.doesNotMatch(hosting, /credential|token|secret/i);
+  await access(new URL("public/favicon.png", templateRoot));
+  await access(new URL("public/logo.png", templateRoot));
   await assert.rejects(access(new URL("../app/_sites-preview", templateRoot)));
 });
 
@@ -77,6 +81,7 @@ test("keeps navigation and local links accessible", async () => {
   assert.match(html, /aria-labelledby="hero-title"/i);
   assert.match(html, /role="table" aria-label="AgentAction trust model"/i);
   assert.match(html, /<meta name="twitter:image" content="https:\/\/agentaction\.dev\/og\.png"/i);
+  assert.match(html, /rel="icon"[^>]+href="https:\/\/agentaction\.dev\/favicon\.png"/i);
 
   for (const id of localLinks) {
     assert.match(html, new RegExp(`id=["']${id}["']`, "i"));