diff --git a/public/index.html b/public/index.html
index cfd4b5e..b0544ad 100644
--- a/public/index.html
+++ b/public/index.html
@@ -23,6 +23,7 @@
         </div>
         <div class="brand-text">
           <h1>Orfel Viz</h1>
+          <span class="brand-subtitle">Audio Visualizer</span>
         </div>
       </div>
 
diff --git a/public/style.css b/public/style.css
index b7a140d..e97205b 100644
--- a/public/style.css
+++ b/public/style.css
@@ -86,18 +86,26 @@ body {
   box-shadow: var(--shadow-glow);
 }
 
-.brand-text h1 {
-  font-size: 1.25rem;
-  font-weight: 800;
-  letter-spacing: 1px;
+.brand-text {
   display: flex;
-  align-items: center;
-  gap: 6px;
+  flex-direction: column;
+  gap: 2px;
 }
 
-.brand-text h1 span {
+.brand-text h1 {
+  font-size: 1.15rem;
+  font-weight: 800;
+  letter-spacing: 0.5px;
+  line-height: 1.1;
+}
+
+.brand-subtitle {
+  font-size: 0.68rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 1.4px;
   color: var(--accent-cyan);
-  font-weight: 400;
+  opacity: 0.85;
 }
 
 .badge {