diff --git a/src/components/LogoText.tsx b/src/components/LogoText.tsx
index 6a2e9dd..3de9cfa 100644
--- a/src/components/LogoText.tsx
+++ b/src/components/LogoText.tsx
@@ -4,7 +4,9 @@ export const LogoText = () => (
     href="https://github.com/metacubex/metacubexd"
     target="_blank"
   >
-    <span>metacube</span>
+    <span class="bg-gradient-to-br from-primary to-secondary bg-clip-text text-transparent">
+      metacube
+    </span>
     <span>(</span>
     <div class="text-primary transition-transform hover:rotate-90 hover:scale-125">
       xd