diff --git a/docs/src/layouts/Recipe.svelte b/docs/src/layouts/Recipe.svelte
deleted file mode 100644
index 1122660a..00000000
--- a/docs/src/layouts/Recipe.svelte
+++ /dev/null
@@ -1,88 +0,0 @@
-<script>
-  import {
-    Grid,
-    Row,
-    Column,
-    Content,
-    Select,
-    SelectItem,
-  } from "carbon-components-svelte";
-  import { page, metatags } from "@sveltech/routify";
-  import { onMount } from "svelte";
-  import { theme } from "../store";
-
-  export let component = $page.title;
-
-  metatags.title = $page.title;
-
-  onMount(() => {
-    const currentTheme = window.location.search.split("?theme=")[1];
-
-    if (["white", "g10", "g90", "g100"].includes(currentTheme)) {
-      theme.set(currentTheme);
-    }
-  });
-</script>
-
-<Content data-components>
-  <Grid>
-    <Row>
-      <Column>
-        <h1>{component}</h1>
-        <div class="bar">
-          <Select
-            id="select-theme"
-            inline
-            labelText="Theme"
-            bind:selected="{$theme}"
-          >
-            <SelectItem value="white" text="White" />
-            <SelectItem value="g10" text="Gray 10" />
-            <SelectItem value="g90" text="Gray 90" />
-            <SelectItem value="g100" text="Gray 100" />
-          </Select>
-        </div>
-      </Column>
-    </Row>
-
-    <Row>
-      <Column class="prose">
-        <div class="toc mobile">
-          <h5>Table of Contents</h5>
-          <slot name="aside" />
-        </div>
-        <slot />
-      </Column>
-    </Row>
-  </Grid>
-
-  <Column class="table" xlg="{4}" lg="{5}">
-    <div class="toc">
-      <h5>Table of Contents</h5>
-      <slot name="aside" />
-    </div>
-  </Column>
-</Content>
-
-<style>
-  .bar {
-    display: flex;
-    justify-content: space-between;
-    margin-bottom: var(--cds-layout-02);
-    border-bottom: 1px solid var(--cds-ui-03);
-  }
-
-  .toc h5 {
-    margin-bottom: var(--cds-spacing-03);
-  }
-
-  .toc.mobile {
-    display: none;
-  }
-
-  @media (max-width: 1056px) {
-    .toc.mobile {
-      display: block;
-    }
-  }
-</style>
diff --git a/docs/src/pages/recipes/TileAspectRatio.svx b/docs/src/pages/recipes/TileAspectRatio.svx
deleted file mode 100644
index 61602f18..00000000
--- a/docs/src/pages/recipes/TileAspectRatio.svx
+++ /dev/null
@@ -1,16 +0,0 @@
----
-layout: recipe
----
-
-<script>
-  import { AspectRatio, Tile, Column } from "carbon-components-svelte";
-  import Preview from "../../components/Preview.svelte";
-</script>
-
-## Tile (16x9 ratio)
-
-<Column lg={8}>
-<AspectRatio ratio="16x9">
-  <Tile style="height: 100%">Content</Tile>
-</AspectRatio>
-</Column>
diff --git a/docs/svelte.config.js b/docs/svelte.config.js
index 034e0ec0..ac82385b 100644
--- a/docs/svelte.config.js
+++ b/docs/svelte.config.js
@@ -139,8 +139,6 @@ function carbonify() {
   };
 }
 
-const NODE_ENV = process.env.NODE_ENV || "production";
-
 module.exports = {
   extensions: [".svelte", ".svx"],
   preprocess: [
@@ -159,14 +157,13 @@ module.exports = {
     mdsvex({
       remarkPlugins: [plugin, slug, carbonify],
       layout: {
-        recipe: path.join(__dirname, "src/layouts/Recipe.svelte"),
         _: path.join(__dirname, "src/layouts/ComponentLayout.svelte"),
       },
     }),
     {
       markup({ content, filename }) {
         if (/node_modules/.test(filename)) return null;
-        if (filename.endsWith(".svx") && filename.match(/pages\/(recipes)/)) {
+        if (filename.endsWith(".svx")) {
           const toc = [];
 
           walk(parse(content), {