diff --git a/docs/src/content/lessons/selection/index.mdx b/docs/src/content/lessons/selection/index.mdx
index 63dcd44fd..508bc8c73 100644
--- a/docs/src/content/lessons/selection/index.mdx
+++ b/docs/src/content/lessons/selection/index.mdx
@@ -11,7 +11,7 @@ hideNavigation: true
 We've included several different guides to Semantic based off your goals.
 
 <a class="card" href="/learn/111-introduction">
-  <ui-icon zap></ui-icon>
+  <ui-icon rocket></ui-icon>
   <div class="content">
     <div class="header">5 Min Quickstart</div>
     <div class="description">A quick demo of the best parts of using Semantic to built your next app.</div>
@@ -26,7 +26,7 @@ We've included several different guides to Semantic based off your goals.
   </div>
 </a>
 
-<a class="card" href="/learn/311-introduction">
+{/* <a class="card" href="/learn/311-introduction">
   <ui-icon code></ui-icon>
   <div class="content">
     <div class="header">Advanced Guide</div>
@@ -48,4 +48,4 @@ We've included several different guides to Semantic based off your goals.
     <div class="header">Open Source Guide</div>
     <div class="description">Learn how to build UI components with Semantic for open source so that others can use your custom components.</div>
   </div>
-</a>
+</a> */}
diff --git a/docs/src/helpers/menus.js b/docs/src/helpers/menus.js
index 421c42a9c..a9dfed114 100644
--- a/docs/src/helpers/menus.js
+++ b/docs/src/helpers/menus.js
@@ -186,7 +186,7 @@ const exampleCategoryMenus = exampleCategorySortOrder.map(category => {
 export const topbarDisplayMenu = [
   {
     _id: 'ui',
-    _ids: ['start', 'css', 'primitives', 'components', 'behaviors'],
+    _ids: ['start', /* 'css', */ 'primitives' /* 'components', 'behaviors' */],
     name: 'UI Framework',
     url: '/ui/start',
   },
@@ -225,19 +225,19 @@ export const topbarMenu = [
     icon: 'zap',
     url: '/ui/start',
   },
-  {
+  /*{
     _id: 'css',
     name: 'Styling',
     icon: 'theme',
     url: '/ui/css',
-  },
+  },*/
   {
     _id: 'primitives',
     name: 'Primitives',
     icon: 'layers',
     url: '/ui/primitives',
   },
-  {
+  /*{
     _id: 'components',
     name: 'Components',
     icon: 'package',
@@ -248,7 +248,7 @@ export const topbarMenu = [
     name: 'Behaviors',
     icon: 'cpu',
     url: '/ui/behaviors',
-  },
+  },*/
   // API Docs
   {
     _id: 'framework',
@@ -299,9 +299,9 @@ export const sidebarMenuStart = [
     name: "What's New?",
     icon: 'sparkles',
     url: '/ui/start/whats-new',
-    description: '0.12.0',
+    description: '0.18.0',
   },
-  {
+  /*{
     name: 'Roadmap',
     icon: 'calendar',
     url: '/ui/roadmap',
@@ -374,12 +374,12 @@ export const sidebarMenuStart = [
         url: '/ui/start/philosophy/project',
       },
     ],
-  },
+  },*/
 ];
 
-/* CSS Token Sidebar */
+/* CSS Token Sidebar — hidden until token/concept pages are written */
 export const sidebarMenuCSS = [
-  {
+  /*{
     name: 'CSS Tokens',
     url: '/ui/css/tokens',
     icon: 'theme',
@@ -440,7 +440,7 @@ export const sidebarMenuCSS = [
         url: '/ui/css/concepts/sizes',
       },
     ],
-  },
+  },*/
 ];
 
 /* Primitive Sidebar */
@@ -453,24 +453,24 @@ export const sidebarMenuPrimitives = [
   },
 ];
 
-/* Component Sidebar */
+/* Component Sidebar — hidden until component docs are written */
 export const sidebarMenuComponents = [
-  {
+  /*{
     name: 'Components',
     url: '/ui/components',
     icon: 'package',
     pages: componentPages,
-  },
+  },*/
 ];
 
-/* Behavior Sidebar */
+/* Behavior Sidebar — hidden until behavior docs are written */
 export const sidebarMenuBehaviors = [
-  {
+  /*{
     name: 'Behaviors',
     url: '/ui/behaviors',
     icon: 'cpu',
     pages: behaviorPages,
-  },
+  },*/
 ];
 
 /* Component Framework Sidebar — re-exported from standalone file */
diff --git a/docs/src/javascript/homepage.js b/docs/src/javascript/homepage.js
index 5e67d5f3b..51d7e1b27 100644
--- a/docs/src/javascript/homepage.js
+++ b/docs/src/javascript/homepage.js
@@ -31,8 +31,11 @@ const updateTourSection = () => {
   });
 };
 
-$(window).on('scroll', updateTourSection);
-updateTourSection();
+/* Only bind scroll listener when tour ribbon is present */
+if ($tourCopies.length) {
+  $(window).on('scroll', updateTourSection);
+  updateTourSection();
+}
 
 /*-------------------------------
       Showcase Tab Switching
diff --git a/docs/src/pages/index.astro b/docs/src/pages/index.astro
index 8943bbae2..a3905cddd 100644
--- a/docs/src/pages/index.astro
+++ b/docs/src/pages/index.astro
@@ -30,6 +30,7 @@ import { demoSteps } from '../data/homepage.js';
     import '../javascript/homepage.js';
   </script>
   <ribbons>
+    <!-- Tour ribbon hidden until PlaygroundExamples are created
     <ribbon class="tour">
       <Container>
         <div class="content">
@@ -85,30 +86,19 @@ import { demoSteps } from '../data/homepage.js';
         <div class="visual">
           <div class="sticky">
             <div class="example active" data-section="templates">
-              <!-- TODO: PlaygroundExample for templates -->
-              <div class="placeholder">
-                <Icon code></Icon>
-                <span>Templates Example</span>
-              </div>
+              <PlaygroundExample id="tour-templates"></PlaygroundExample>
             </div>
             <div class="example" data-section="specs">
-              <!-- TODO: PlaygroundExample for specs -->
-              <div class="placeholder">
-                <Icon file-json></Icon>
-                <span>Specs Example</span>
-              </div>
+              <PlaygroundExample id="tour-specs"></PlaygroundExample>
             </div>
             <div class="example" data-section="components">
-              <!-- TODO: PlaygroundExample for components -->
-              <div class="placeholder">
-                <Icon box></Icon>
-                <span>Components Example</span>
-              </div>
+              <PlaygroundExample id="tour-components"></PlaygroundExample>
             </div>
           </div>
         </div>
       </Container>
     </ribbon>
+    -->
     <ribbon class="proof">
       <Container>
         <Cards three spaced stackable>
@@ -167,15 +157,15 @@ import { demoSteps } from '../data/homepage.js';
           <a href="/ui/start/install">Installation</a>
           <a href="/ui/start/why-semantic">Why Semantic?</a>
           <a href="/ui/start/whats-new">What's New?</a>
-          <a href="/ui/roadmap">Roadmap</a>
+          <!-- <a href="/ui/roadmap">Roadmap</a> -->
         </div>
         <div class="column">
           <h4><Icon layers></Icon> UI Framework</h4>
           <a href="/ui/primitives">Primitives</a>
-          <a href="/ui/components">Components</a>
-          <a href="/ui/behaviors">Behaviors</a>
-          <a href="/ui/css/tokens">CSS Tokens</a>
-          <a href="/ui/css/concepts">Styling Guide</a>
+          <!-- <a href="/ui/components">Components</a> -->
+          <!-- <a href="/ui/behaviors">Behaviors</a> -->
+          <!-- <a href="/ui/css/tokens">CSS Tokens</a> -->
+          <!-- <a href="/ui/css/concepts">Styling Guide</a> -->
         </div>
         <div class="column">
           <h4><Icon book-open></Icon> Guides</h4>
diff --git a/docs/src/pages/ui/start/index.mdx b/docs/src/pages/ui/start/index.mdx
index 8cb46670f..1c56dc4cf 100644
--- a/docs/src/pages/ui/start/index.mdx
+++ b/docs/src/pages/ui/start/index.mdx
@@ -24,7 +24,7 @@ Components are native [Web Components](https://developer.mozilla.org/en-US/docs/
 
 ## Using Components
 
-Pick from [primitives](/ui/primitives), [components](/ui/components), and [behaviors](/ui/behaviors). Use them as HTML tags. [Theme with CSS variables](/ui/start/guides/theming).
+Pick from [primitives](/ui/primitives) and use them as HTML tags.
 
 <Cards two stackable horizontal>
   <Card horizontal
@@ -33,7 +33,7 @@ Pick from [primitives](/ui/primitives), [components](/ui/components), and [behav
     href="/ui/primitives"
     description="Base elements: button, icon, input, label."
   ></Card>
-  <Card horizontal
+  {/* <Card horizontal
     header="Components"
     icon="layout"
     href="/ui/components"
@@ -44,7 +44,7 @@ Pick from [primitives](/ui/primitives), [components](/ui/components), and [behav
     icon="zap"
     href="/ui/behaviors"
     description="Attachable logic: transitions, validation, tooltips."
-  ></Card>
+  ></Card> */}
 </Cards>
 
 ## Building Components