diff --git a/index.html b/index.html
deleted file mode 100644
index d11b562..0000000
--- a/index.html
+++ /dev/null
@@ -1,62 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Sune Logo Demo</title>
-  <script src="https://cdn.tailwindcss.com"></script>
-  <style>
-    body { background-color: #f9fafb; }
-    .card { background: white; border-radius: 1rem; padding: 2rem; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1); }
-  </style>
-</head>
-<body class="min-h-screen flex flex-col items-center justify-center p-8">
-
-  <div class="max-w-2xl w-full space-y-8">
-    <header class="text-center">
-      <h1 class="text-3xl font-bold text-gray-900 mb-2">Sune Logo</h1>
-      <p class="text-gray-500">Procedural SVG Starburst Component</p>
-    </header>
-
-    <section class="card flex flex-col items-center gap-6">
-      <h2 class="text-sm font-semibold uppercase tracking-widest text-gray-400">Animated Hero</h2>
-      <div id="hero-logo"></div>
-      <div class="flex gap-4">
-        <div id="small-logo-1"></div>
-        <div id="small-logo-2"></div>
-        <div id="small-logo-3"></div>
-      </div>
-    </section>
-
-    <section class="grid grid-cols-1 md:grid-cols-2 gap-6">
-      <div class="card flex flex-col items-center gap-4">
-        <h2 class="text-sm font-semibold uppercase tracking-widest text-gray-400">Static (Export)</h2>
-        <div id="static-logo"></div>
-      </div>
-      <div class="card flex flex-col items-center gap-4">
-        <h2 class="text-sm font-semibold uppercase tracking-widest text-gray-400">Custom Color</h2>
-        <div id="colored-logo"></div>
-      </div>
-    </section>
-  </div>
-
-  <script type="module">
-    import { suneLogoEl, suneLogoStatic } from './sune-logo.js';
-
-    // Hero Logo
-    document.getElementById('hero-logo').appendChild(suneLogoEl({ size: 128, color: '#000' }));
-
-    // Small Variations
-    document.getElementById('small-logo-1').appendChild(suneLogoEl({ size: 32, color: '#4b5563' }));
-    document.getElementById('small-logo-2').appendChild(suneLogoEl({ size: 32, color: '#9ca3af' }));
-    document.getElementById('small-logo-3').appendChild(suneLogoEl({ size: 32, color: '#d1d5db' }));
-
-    // Static Version
-    const staticSvg = suneLogoStatic({ size: 64, color: '#000' });
-    document.getElementById('static-logo').innerHTML = staticSvg;
-
-    // Colored Version
-    document.getElementById('colored-logo').appendChild(suneLogoEl({ size: 64, color: '#f59e0b' }));
-  </script>
-</body>
-</html>
