diff --git a/README.md b/README.md
index 1874918..9ca72f5 100644
--- a/README.md
+++ b/README.md
@@ -1,12 +1,16 @@
-# 🎲 daily.dev Roulette
+# <img src="public/favicon.svg" alt="" width="32" height="32" align="top" /> daily.dev Roulette
 
+[![Play it live](https://img.shields.io/website?url=https%3A%2F%2Fdaily-dev-roulette.vercel.app&label=play%20it%20live&up_message=online&logo=vercel)](https://daily-dev-roulette.vercel.app)
 [![CI](https://github.com/finallyjay/daily-dev-roulette/actions/workflows/ci.yml/badge.svg)](https://github.com/finallyjay/daily-dev-roulette/actions/workflows/ci.yml)
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](./LICENSE)
+[![Astro](https://img.shields.io/github/package-json/dependency-version/finallyjay/daily-dev-roulette/astro?logo=astro&color=BC52EE)](https://astro.build)
+[![Node 24](https://img.shields.io/badge/node-24.x-5FA04E?logo=nodedotjs&logoColor=white)](./package.json)
+[![Tested with Playwright](https://img.shields.io/badge/tested%20with-Playwright-2EAD33?logo=playwright&logoColor=white)](./tests/e2e)
 
 A daily.dev hackathon project. Put your daily.dev habits on the line, one spin at a time. It's built as a hub of "roulette" modes — the first (and currently only) mode is **Bookmarks Roulette**, with room to add more.
 
 <p align="center">
-  <img src="docs/home.png" alt="The hub: sign in and choose your duel" width="380" />
+  <img src="docs/home.png" alt="The hub: a WANTED poster for Bookmarks Roulette with Sign in with daily.dev and the Demo" width="380" />
   <img src="docs/roulette.png" alt="Bookmarks Roulette: spin the cylinder, then spare or shoot each bookmark" width="380" />
 </p>
 
diff --git a/docs/home.png b/docs/home.png
index f1a2ba6..7259b57 100644
Binary files a/docs/home.png and b/docs/home.png differ
diff --git a/docs/roulette.png b/docs/roulette.png
index 40a2ce5..777d8f6 100644
Binary files a/docs/roulette.png and b/docs/roulette.png differ
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index fce8753..f81a21d 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -70,7 +70,7 @@ const ogImage = new URL("/og-image.png", origin).href;
   </head>
   <body>
     <header class="topbar">
-      <a href="/" class="brand">🎲 daily.dev Roulette</a>
+      <a href="/" class="brand"><img src="/favicon.svg" alt="" width="26" height="26" />daily.dev Roulette</a>
       <div class="user">
         {profile ? (
           <>
diff --git a/src/styles/global.css b/src/styles/global.css
index 27f3651..2e2b6a7 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -292,12 +292,22 @@
     box-shadow: 0 6px 16px rgba(0, 0, 0, 0.5);
   }
   .brand {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
     font-family: var(--font-display);
     color: var(--brass-hi);
     text-decoration: none;
     font-size: 1.05rem;
     text-shadow: 1px 1px 0 #000;
   }
+  .brand img {
+    display: block;
+    border-radius: 6px;
+    box-shadow:
+      0 0 0 1px var(--brass),
+      1px 1px 0 2px #000;
+  }
   .user {
     display: flex;
     align-items: center;