diff --git a/services/web-ui/public/cluster.html b/services/web-ui/public/cluster.html
index f743810..459992f 100644
--- a/services/web-ui/public/cluster.html
+++ b/services/web-ui/public/cluster.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
-  <title>Cluster — Z-AMPP</title>
+  <title>Cluster — Dragonflight</title>
   <link rel="stylesheet" href="css/common.css">
   <style>
     .page-body {
@@ -66,8 +66,8 @@
       letter-spacing: .04em;
       text-transform: uppercase;
     }
-    .role-primary { background: oklch(22% 0.07 266 / 0.6); color: oklch(68% 0.18 266); border: 1px solid oklch(45% 0.14 266 / 0.5); }
-    .role-worker  { background: oklch(18% 0.03 250 / 0.6); color: oklch(55% 0.06 250); border: 1px solid oklch(35% 0.05 250 / 0.5); }
+    .role-primary { background: oklch(22% 0.07 32 / 0.6); color: oklch(68% 0.18 32); border: 1px solid oklch(62% 0.22 32 / 0.5); }
+    .role-worker  { background: oklch(18% 0.03 30 / 0.6); color: oklch(55% 0.06 30); border: 1px solid oklch(35% 0.05 30 / 0.5); }
 
     .mem-bar-wrap {
       width: 80px;
@@ -80,7 +80,7 @@
     .mem-bar {
       height: 100%;
       border-radius: 2px;
-      background: oklch(55% 0.16 266);
+      background: oklch(62% 0.22 32);
       transition: width 0.4s ease;
     }
 
@@ -135,8 +135,8 @@
 <div class="shell">
   <nav class="sidebar" aria-label="Main navigation">
     <div class="sidebar-brand">
-      <img src="img/dragon-logo.png?v=1" alt="Wild Dragon" class="sidebar-logo">
-      <span class="sidebar-brand-name">Z-AMPP</span>
+      <img src="img/dragon-logo.png?v=1" alt="Dragonflight" class="sidebar-logo">
+      <span class="sidebar-brand-name">Dragonflight</span>
     </div>
     <nav class="sidebar-nav">
       <a href="home.html" class="nav-item">