diff --git a/labs/simple-space.ts b/labs/folk-transformed-space.ts
similarity index 94%
rename from labs/simple-space.ts
rename to labs/folk-transformed-space.ts
index 1a35650..642df67 100644
--- a/labs/simple-space.ts
+++ b/labs/folk-transformed-space.ts
@@ -3,8 +3,8 @@ import { html } from '@lib/tags';
 import { TransformEvent } from '@lib/TransformEvent';
 import { css } from '@lit/reactive-element';
 
-export class SimpleSpace extends FolkElement {
-  static override tagName = 'simple-space';
+export class FolkTransformedSpace extends FolkElement {
+  static override tagName = 'folk-transformed-space';
 
   static styles = css`
     :host {
diff --git a/labs/standalone/folk-transformed-space.ts b/labs/standalone/folk-transformed-space.ts
new file mode 100644
index 0000000..fcf4633
--- /dev/null
+++ b/labs/standalone/folk-transformed-space.ts
@@ -0,0 +1,5 @@
+import { FolkTransformedSpace } from '../folk-transformed-space';
+
+FolkTransformedSpace.define();
+
+export { FolkTransformedSpace };
diff --git a/labs/standalone/simple-space.ts b/labs/standalone/simple-space.ts
deleted file mode 100644
index 254f71a..0000000
--- a/labs/standalone/simple-space.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { SimpleSpace } from '../simple-space';
-
-SimpleSpace.define();
-
-export { SimpleSpace };
diff --git a/website/canvas/simple-space.html b/website/canvas/space-transform.html
similarity index 83%
rename from website/canvas/simple-space.html
rename to website/canvas/space-transform.html
index ca6b202..28837de 100644
--- a/website/canvas/simple-space.html
+++ b/website/canvas/space-transform.html
@@ -9,7 +9,7 @@
         margin: 0;
         height: 100%;
       }
-      simple-space {
+      folk-transformed-space {
         width: 100%;
         height: 100%;
       }
@@ -20,22 +20,21 @@
     </style>
   </head>
   <body>
-    <simple-space id="space">
+    <folk-transformed-space>
       <folk-shape x="250" y="100" width="50" height="50"></folk-shape>
       <folk-shape x="200" y="200" width="75" height="75" rotation="90"></folk-shape>
       <folk-shape x="50" y="250" width="25" height="25" rotation="180"></folk-shape>
       <folk-shape x="350" y="50" width="100" height="100" rotation="270"></folk-shape>
       <folk-shape x="500" y="500" width="150" height="150" rotation="360"></folk-shape>
-    </simple-space>
+    </folk-transformed-space>
 
     <script type="module">
-      import '@labs/standalone/simple-space.ts';
+      import '@labs/standalone/folk-transformed-space.ts';
       import '@labs/standalone/folk-shape.ts';
 
-      const space = document.getElementById('space');
+      const space = document.querySelector('folk-transformed-space');
       document.addEventListener('click', (event) => {
         if (event.target !== space) return;
-        // Random rotation between 30 and 75 degrees
         const min = 20;
         const max = 70;
         const randomRotation = Math.random() * (max - min) + min;
