diff --git a/site/src/components/home/CSSVariables.astro b/site/src/components/home/CSSVariables.astro
index 6d10280d75..256e9d0010 100644
--- a/site/src/components/home/CSSVariables.astro
+++ b/site/src/components/home/CSSVariables.astro
@@ -44,7 +44,7 @@ import Code from '@components/shortcodes/Code.astro'
 .component-header {
   color: var(--bs-color-content-status-negative);
 }`}
-        lang="scss"
+        lang="scss" buttonLabel="how to use OUDS Web CSS variables"
       />
     </div>
     <div class="border-top border-thin border-default pt-scaled-small">
@@ -65,7 +65,7 @@ import Code from '@components/shortcodes/Code.astro'
   --bs-table-bg: var(--bs-color-bg-secondary);
   --bs-table-border-color: transparent;
 }`}
-        lang="scss"
+        lang="scss" buttonLabel="modified OUDS Web CSS variables"
       />
     </div>
   </div>
diff --git a/site/src/components/home/Customize.astro b/site/src/components/home/Customize.astro
index c4957af705..b8dd5d4f3c 100644
--- a/site/src/components/home/Customize.astro
+++ b/site/src/components/home/Customize.astro
@@ -31,7 +31,7 @@ $prefix: "mo-";
 
 // Then import OUDS Web
 @import "../node_modules/@ouds/web-${getConfig().brand}/scss/ouds-web";`}
-      lang="scss"
+      lang="scss" buttonLabel="customized CSS while including all OUDS Web"
     />
     <p class="mb-scaled-large">
       Learn more about our <a href={getVersionedDocsPath('customize/options')}>global Sass options</a>.
@@ -65,7 +65,7 @@ $prefix: "mo-";
 @import "../node_modules/@ouds/web-common/scss/grid";
 @import "../node_modules/@ouds/web-common/scss/helpers";
 @import "../node_modules/@ouds/web-common/scss/utilities/api";`}
-        lang="scss"
+        lang="scss" buttonLabel="customized CSS while including only what you need"
       />
       <p class="mb-none">
         Learn more about <a href={getVersionedDocsPath('customize/sass')}>using OUDS Web with Sass</a>.
diff --git a/site/src/components/home/GetStarted.astro b/site/src/components/home/GetStarted.astro
index 8bfc701fed..df440233e6 100644
--- a/site/src/components/home/GetStarted.astro
+++ b/site/src/components/home/GetStarted.astro
@@ -21,16 +21,17 @@ import Code from '@components/shortcodes/Code.astro'
   <div class="col-xl-8">
     <h3 class="h2 mb-scaled-xsmall">Install via package manager</h3>
     <p class="mb-scaled-medium">
-      Install OUDS Web's source Sass and JavaScript files via npm, yarn, Composer, or NuGet. Package-managed installs
-      don't include documentation or our full build scripts.
+      Install OUDS Web's source files via npm, yarn, Composer, or NuGet. Package-managed installs include OUDS Web common Sass and
+      JavaScript files and OUDS Web {getConfig().display_brand} theme (Sass files). They don't include documentation or our full build
+      scripts.
     </p>
     <Code
       code={`npm install @ouds/web-common@${getConfig().current_version} @ouds/web-${getConfig().brand}@${getConfig().current_version}`}
-      lang="sh"
+      lang="sh" buttonLabel="npm install"
     />
     <Code
       code={`yarn add @ouds/web-common@${getConfig().current_version} @ouds/web-${getConfig().brand}@${getConfig().current_version}`}
-      lang="sh"
+      lang="sh" buttonLabel="yarn install"
     />
     <p class="mb-scaled-large">
       <a href={getVersionedDocsPath('getting-started/download')}>Read our installation docs</a> for more info and additional
@@ -52,13 +53,13 @@ import Code from '@components/shortcodes/Code.astro'
         code={`<link href="${getConfig().cdn.css}" rel="stylesheet" integrity="${
           getConfig().cdn.css_hash
         }" crossorigin="anonymous">`}
-        lang="html"
+        lang="html" buttonLabel="link to CSS file on JsDelivr"
       />
       <Code
         code={`<script src="${getConfig().cdn.js_bundle}" integrity="${
           getConfig().cdn.js_bundle_hash
         }" crossorigin="anonymous"></script>`}
-        lang="html"
+        lang="html" buttonLabel="link to JavaScript bundle on JsDelivr"
       />
     </div>
   </div>
diff --git a/site/src/components/home/MastHead.astro b/site/src/components/home/MastHead.astro
index 33605e2a2e..c1ae239d7b 100644
--- a/site/src/components/home/MastHead.astro
+++ b/site/src/components/home/MastHead.astro
@@ -18,7 +18,7 @@ import Code from '@components/shortcodes/Code.astro'
       </p>
 
       <div class="bd-masthead-code mb-scaled-xsmall d-none d-md-inline-block">
-        <Code lang="sh"
+        <Code lang="sh" buttonLabel="npm install"
           code={`npm i @ouds/web-common@${getConfig().current_version} @ouds/web-${getConfig().brand}@${getConfig().current_version}`}/>
       </div>