Update README.md

README.md

@@ -41,7 +41,13 @@ th, td {
     width: 200px;
 }
 .badge-dark {
-    background-color: #2c2b2b;
+    background-color: #000000;
+}
+.badge-model {
+    background-color: #6885ab;
+}
+.badge-space {
+    background-color: #7468ab;
 }
 </style>
 
@@ -53,10 +59,11 @@ th, td {
     <a href="https://x.com/OuteAI" target="_blank">𝕏 @OuteAI</a>
   </div>
   <div class="badges">
-    <a href="https://huggingface.co/OuteAI/OuteTTS-0.3-1B" target="_blank" class="badge badge-dark">OuteTTS 0.3 1B</a>
-    <a href="https://huggingface.co/OuteAI/OuteTTS-0.3-1B-GGUF" target="_blank" class="badge badge-dark">OuteTTS 0.3 1B GGUF</a>
-    <a href="https://huggingface.co/OuteAI/OuteTTS-0.3-500M" target="_blank" class="badge badge-dark">OuteTTS 0.3 500M</a>
-    <a href="https://huggingface.co/OuteAI/OuteTTS-0.3-500M-GGUF" target="_blank" class="badge badge-dark">OuteTTS 0.3 500M GGUF</a>
+    <a href="https://huggingface.co/OuteAI/OuteTTS-0.3-1B" target="_blank" class="badge badge-model">OuteTTS 0.3 1B</a>
+    <a href="https://huggingface.co/OuteAI/OuteTTS-0.3-1B-GGUF" target="_blank" class="badge badge-model">OuteTTS 0.3 1B GGUF</a>
+    <a href="https://huggingface.co/OuteAI/OuteTTS-0.3-500M" target="_blank" class="badge badge-model">OuteTTS 0.3 500M</a>
+    <a href="https://huggingface.co/OuteAI/OuteTTS-0.3-500M-GGUF" target="_blank" class="badge badge-model">OuteTTS 0.3 500M GGUF</a>
+    <a href="https://huggingface.co/spaces/OuteAI/OuteTTS-0.3-1B-Demo" target="_blank" class="badge badge-space">OuteTTS 0.3 Demo Space</a>
     <a href="https://github.com/edwko/OuteTTS" target="_blank" class="badge badge-dark">GitHub - OuteTTS</a>
   </div>
 </div>