diff --git a/brand-sample/.gitignore b/brand-sample/.gitignore
new file mode 100644
index 0000000..cbdb961
--- /dev/null
+++ b/brand-sample/.gitignore
@@ -0,0 +1 @@
+!dist
diff --git a/brand-sample/README.md b/brand-sample/README.md
index 5ec1be8..09b5a41 100644
--- a/brand-sample/README.md
+++ b/brand-sample/README.md
@@ -84,7 +84,7 @@ const config = {
       light: {
         urls: {
           "default": "https://cdn.jsdelivr.net/npm/@openedx/paragon@$paragonVersion/dist/light.min.css",
-          "brandOverride": "https://cdn.jsdelivr.net/gh/openedx/sample-plugin@main/brand/dist/light.min.css"
+          "brandOverride": "https://cdn.jsdelivr.net/gh/openedx/sample-plugin@main/brand-sample/dist/light.min.css"
         },
       },
     },
@@ -103,7 +103,7 @@ const siteConfig: SiteConfig = {
   theme: {
     variants: {
       light: {
-        url: 'https://cdn.jsdelivr.net/gh/openedx/sample-plugin@main/brand/dist/light.min.css
+        url: 'https://cdn.jsdelivr.net/gh/openedx/sample-plugin@main/brand-sample/dist/light.min.css
       },
     },
   },
diff --git a/brand-sample/dist/README.md b/brand-sample/dist/README.md
new file mode 100644
index 0000000..56d553c
--- /dev/null
+++ b/brand-sample/dist/README.md
@@ -0,0 +1,3 @@
+# Compiled Theme
+
+This directory contains the compiled theme stylesheets referenced by the [`jsdelivr`](https://www.jsdelivr.com/) example plugin.
diff --git a/brand-sample/dist/light.css b/brand-sample/dist/light.css
new file mode 100644
index 0000000..7c6555b
--- /dev/null
+++ b/brand-sample/dist/light.css
@@ -0,0 +1,31 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ * See <PARAGON_ROOT>/tokens/README.md for more details.
+ */
+
+:root {
+  --pgn-size-btn-focus-width: 2px;
+  --pgn-size-input-btn-focus-width: 1px;
+  --pgn-spacing-input-btn-padding-y: 0.5625rem;
+  --pgn-color-brand-100: #E9D4FFFF;
+  --pgn-color-brand-200: #DAB2FFFF;
+  --pgn-color-brand-300: #C27AFFFF;
+  --pgn-color-brand-400: #AD46FFFF;
+  --pgn-color-brand-600: #8200DBFF;
+  --pgn-color-brand-700: #6E11B0FF;
+  --pgn-color-brand-800: #59168BFF;
+  --pgn-color-brand-900: #3C0366FF;
+  --pgn-color-brand-base: #9810FAFF;
+  --pgn-spacing-form-input-padding-y-base: var(--pgn-spacing-input-btn-padding-y);
+  --pgn-color-brand-500: var(--pgn-color-brand-base); /** Brand color of level 500. */
+  --pgn-color-action-default-brand-100: #CFA1FFFF;
+  --pgn-color-action-default-brand-200: #C17FFFFF;
+  --pgn-color-action-default-brand-300: #AB47FFFF;
+  --pgn-color-action-default-brand-400: #9613FFFF;
+  --pgn-color-action-default-brand-600: #6400A8FF;
+  --pgn-color-action-default-brand-700: #510D81FF;
+  --pgn-color-action-default-brand-800: #3D0F5FFF;
+  --pgn-color-action-default-brand-900: #1F0234FF;
+  --pgn-color-action-default-brand-base: #7C04D3FF;
+  --pgn-color-action-default-brand-500: #7C04D3FF;
+}
\ No newline at end of file
diff --git a/brand-sample/dist/light.css.map b/brand-sample/dist/light.css.map
new file mode 100644
index 0000000..8645f31
--- /dev/null
+++ b/brand-sample/dist/light.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["light.css"],"names":[],"mappings":"AAKA,MACE,8BAA+B,CAC/B,oCAAqC,CACrC,2CAA4C,CAC5C,+BAAgC,CAChC,+BAAgC,CAChC,+BAAgC,CAChC,+BAAgC,CAChC,+BAAgC,CAChC,+BAAgC,CAChC,+BAAgC,CAChC,+BAAgC,CAChC,gCAAiC,CACjC,8EAA+E,CAC/E,iDAAkD,CAClD,8CAA+C,CAC/C,8CAA+C,CAC/C,8CAA+C,CAC/C,8CAA+C,CAC/C,8CAA+C,CAC/C,8CAA+C,CAC/C,8CAA+C,CAC/C,8CAA+C,CAC/C,+CAAgD,CAChD,8CACF","file":"light.css","sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n * See <PARAGON_ROOT>/tokens/README.md for more details.\n */\n\n:root {\n  --pgn-size-btn-focus-width: 2px;\n  --pgn-size-input-btn-focus-width: 1px;\n  --pgn-spacing-input-btn-padding-y: 0.5625rem;\n  --pgn-color-brand-100: #E9D4FFFF;\n  --pgn-color-brand-200: #DAB2FFFF;\n  --pgn-color-brand-300: #C27AFFFF;\n  --pgn-color-brand-400: #AD46FFFF;\n  --pgn-color-brand-600: #8200DBFF;\n  --pgn-color-brand-700: #6E11B0FF;\n  --pgn-color-brand-800: #59168BFF;\n  --pgn-color-brand-900: #3C0366FF;\n  --pgn-color-brand-base: #9810FAFF;\n  --pgn-spacing-form-input-padding-y-base: var(--pgn-spacing-input-btn-padding-y);\n  --pgn-color-brand-500: var(--pgn-color-brand-base); /** Brand color of level 500. */\n  --pgn-color-action-default-brand-100: #CFA1FFFF;\n  --pgn-color-action-default-brand-200: #C17FFFFF;\n  --pgn-color-action-default-brand-300: #AB47FFFF;\n  --pgn-color-action-default-brand-400: #9613FFFF;\n  --pgn-color-action-default-brand-600: #6400A8FF;\n  --pgn-color-action-default-brand-700: #510D81FF;\n  --pgn-color-action-default-brand-800: #3D0F5FFF;\n  --pgn-color-action-default-brand-900: #1F0234FF;\n  --pgn-color-action-default-brand-base: #7C04D3FF;\n  --pgn-color-action-default-brand-500: #7C04D3FF;\n}"]}
\ No newline at end of file
diff --git a/brand-sample/dist/light.min.css b/brand-sample/dist/light.min.css
new file mode 100644
index 0000000..6a0c6e0
--- /dev/null
+++ b/brand-sample/dist/light.min.css
@@ -0,0 +1,2 @@
+:root{--pgn-size-btn-focus-width:2px;--pgn-size-input-btn-focus-width:1px;--pgn-spacing-input-btn-padding-y:0.5625rem;--pgn-color-brand-100:#E9D4FFFF;--pgn-color-brand-200:#DAB2FFFF;--pgn-color-brand-300:#C27AFFFF;--pgn-color-brand-400:#AD46FFFF;--pgn-color-brand-600:#8200DBFF;--pgn-color-brand-700:#6E11B0FF;--pgn-color-brand-800:#59168BFF;--pgn-color-brand-900:#3C0366FF;--pgn-color-brand-base:#9810FAFF;--pgn-spacing-form-input-padding-y-base:var(--pgn-spacing-input-btn-padding-y);--pgn-color-brand-500:var(--pgn-color-brand-base);--pgn-color-action-default-brand-100:#CFA1FFFF;--pgn-color-action-default-brand-200:#C17FFFFF;--pgn-color-action-default-brand-300:#AB47FFFF;--pgn-color-action-default-brand-400:#9613FFFF;--pgn-color-action-default-brand-600:#6400A8FF;--pgn-color-action-default-brand-700:#510D81FF;--pgn-color-action-default-brand-800:#3D0F5FFF;--pgn-color-action-default-brand-900:#1F0234FF;--pgn-color-action-default-brand-base:#7C04D3FF;--pgn-color-action-default-brand-500:#7C04D3FF}
+/*# sourceMappingURL=light.css.map */
\ No newline at end of file
diff --git a/brand-sample/dist/theme-urls.json b/brand-sample/dist/theme-urls.json
new file mode 100644
index 0000000..6d6b110
--- /dev/null
+++ b/brand-sample/dist/theme-urls.json
@@ -0,0 +1,15 @@
+{
+  "themeUrls": {
+    "defaults": {
+      "light": "light"
+    },
+    "variants": {
+      "light": {
+        "paths": {
+          "default": "./light.css",
+          "minified": "./light.min.css"
+        }
+      }
+    }
+  }
+}