diff --git a/packages/ibm-products/src/components/APIKeyModal/APIKeyModal.docs-page.js b/packages/ibm-products/src/components/APIKeyModal/APIKeyModal.docs-page.js
index 024a70f7f9e..9373d3e82f4 100644
--- a/packages/ibm-products/src/components/APIKeyModal/APIKeyModal.docs-page.js
+++ b/packages/ibm-products/src/components/APIKeyModal/APIKeyModal.docs-page.js
@@ -7,23 +7,23 @@
 
 import React from 'react';
 import { StoryDocsPage } from '../../global/js/utils/StoryDocsPage';
-import { useOf } from '@storybook/blocks';
-import { storyDocsGuidelines } from '../../global/js/utils/story-helper';
+
 import * as stories from './APIKeyModal.stories';
 
 const DocsPage = () => {
-  const { csfFile } = useOf('meta', ['meta']);
-
   return (
     <StoryDocsPage
       altGuidelinesHref={[
-        storyDocsGuidelines(csfFile),
+        {
+          href: 'https://pages.github.ibm.com/carbon/ibm-products/components/api-key-modal/usage/',
+          label: 'APIKeyModal usage guidelines',
+        },
         {
           href: 'https://www.carbondesignsystem.com/components/modal/usage',
           label: 'Carbon Modal usage guidelines',
         },
         {
-          href: 'https://react.carbondesignsystem.com/?path=/docs/modal--default',
+          href: 'https://react.carbondesignsystem.com/?path=/docs/components-modal',
           label: 'Carbon Modal documentation',
         },
       ]}
diff --git a/packages/ibm-products/src/components/AboutModal/AboutModal.docs-page.js b/packages/ibm-products/src/components/AboutModal/AboutModal.docs-page.js
index 1de354d6f28..e6bd68b6f1f 100644
--- a/packages/ibm-products/src/components/AboutModal/AboutModal.docs-page.js
+++ b/packages/ibm-products/src/components/AboutModal/AboutModal.docs-page.js
@@ -12,7 +12,20 @@ import * as stories from './AboutModal.stories';
 
 const DocsPage = () => (
   <StoryDocsPage
-    guidelinesHref="https://pages.github.ibm.com/carbon/ibm-products/components/about-modal/usage/"
+    altGuidelinesHref={[
+      {
+        href: 'https://pages.github.ibm.com/carbon/ibm-products/components/about-modal/usage/',
+        label: 'AboutModal usage guidelines',
+      },
+      {
+        href: 'https://www.carbondesignsystem.com/components/modal/usage',
+        label: 'Carbon Modal usage guidelines',
+      },
+      {
+        href: 'https://react.carbondesignsystem.com/?path=/docs/components-modal',
+        label: 'Carbon Modal documentation',
+      },
+    ]}
     blocks={[
       {
         story: stories.aboutModal,
diff --git a/packages/ibm-products/src/components/ActionBar/ActionBar.stories.jsx b/packages/ibm-products/src/components/ActionBar/ActionBar.stories.jsx
index af5ceee927a..d88d713d349 100644
--- a/packages/ibm-products/src/components/ActionBar/ActionBar.stories.jsx
+++ b/packages/ibm-products/src/components/ActionBar/ActionBar.stories.jsx
@@ -7,6 +7,7 @@
 
 import React from 'react';
 import { action } from '@storybook/addon-actions';
+import { StoryDocsPage } from '../../global/js/utils/StoryDocsPage';
 
 import { Bee, Lightning } from '@carbon/react/icons';
 
@@ -47,6 +48,9 @@ export default {
   },
   parameters: {
     styles,
+    docs: {
+      page: () => <StoryDocsPage altGuidelinesHref="" />,
+    },
   },
   decorators: [(story) => <DisplayBox>{story()}</DisplayBox>],
 };
diff --git a/packages/ibm-products/src/components/Cascade/Cascade.docs-page.js b/packages/ibm-products/src/components/Cascade/Cascade.docs-page.js
index 37469322e5f..950d398fddc 100644
--- a/packages/ibm-products/src/components/Cascade/Cascade.docs-page.js
+++ b/packages/ibm-products/src/components/Cascade/Cascade.docs-page.js
@@ -8,19 +8,18 @@
 import React from 'react';
 import { StoryDocsPage } from '../../global/js/utils/StoryDocsPage';
 import * as stories from './Cascade.stories';
-import { useOf } from '@storybook/blocks';
-import { storyDocsGuidelines } from '../../global/js/utils/story-helper';
 
 const DocsPage = () => {
-  const { csfFile } = useOf('meta', ['meta']);
-
   return (
     <StoryDocsPage
       altGuidelinesHref={[
-        storyDocsGuidelines(csfFile),
         {
-          href: 'https://www.carbondesignsystem.com/guidelines/motion/overview/',
-          label: 'Carbon motion guidelines',
+          href: 'https://pages.github.ibm.com/carbon/ibm-products/patterns/cascade/',
+          label: 'Cascade usage guidelines',
+        },
+        {
+          href: 'https://carbondesignsystem.com/elements/motion/overview/',
+          label: 'Carbon Motion overview',
         },
       ]}
       blocks={[
diff --git a/packages/ibm-products/src/components/Checklist/Checklist.docs-page.js b/packages/ibm-products/src/components/Checklist/Checklist.docs-page.js
index 65e40843630..5cfde91d651 100644
--- a/packages/ibm-products/src/components/Checklist/Checklist.docs-page.js
+++ b/packages/ibm-products/src/components/Checklist/Checklist.docs-page.js
@@ -12,6 +12,12 @@ import * as stories from './Checklist.stories';
 
 const DocsPage = () => (
   <StoryDocsPage
+    altGuidelinesHref={[
+      {
+        href: 'https://pages.github.ibm.com/carbon/ibm-products/components/onboarding/checklist/usage/',
+        label: 'Checklist usage guidelines',
+      },
+    ]}
     blocks={[
       {
         story: stories.checklist,
diff --git a/packages/ibm-products/src/components/Coachmark/Coachmark.mdx b/packages/ibm-products/src/components/Coachmark/Coachmark.mdx
index a39262ab313..6e9d6f75da6 100644
--- a/packages/ibm-products/src/components/Coachmark/Coachmark.mdx
+++ b/packages/ibm-products/src/components/Coachmark/Coachmark.mdx
@@ -7,6 +7,8 @@ import * as CoachmarkStories from './Coachmark.stories';
 
 # Coachmark
 
+[Coachmark usage guidelines](https://pages.github.ibm.com/carbon/ibm-products/components/onboarding/coachmark/usage/)
+
 ## Table of Contents
 
 - [Overview](#overview)
diff --git a/packages/ibm-products/src/components/ConditionBuilder/ConditionBuilder.mdx b/packages/ibm-products/src/components/ConditionBuilder/ConditionBuilder.mdx
index 9b04bd2a35c..4a173eed856 100644
--- a/packages/ibm-products/src/components/ConditionBuilder/ConditionBuilder.mdx
+++ b/packages/ibm-products/src/components/ConditionBuilder/ConditionBuilder.mdx
@@ -5,6 +5,8 @@ import * as stories from './ConditionBuilder.stories';
 
 # ConditionBuilder
 
+[ConditionBuilder usage guidelines](https://pages.github.ibm.com/carbon/ibm-products/components/condition-builder/usage/)
+
 ## Table of Contents
 
 - [Overview](#overview)
diff --git a/packages/ibm-products/src/components/CreateSidePanel/CreateSidePanel.docs-page.js b/packages/ibm-products/src/components/CreateSidePanel/CreateSidePanel.docs-page.js
index 37f996ea1a8..422687241f0 100644
--- a/packages/ibm-products/src/components/CreateSidePanel/CreateSidePanel.docs-page.js
+++ b/packages/ibm-products/src/components/CreateSidePanel/CreateSidePanel.docs-page.js
@@ -15,7 +15,7 @@ const DocsPage = () => {
       altGuidelinesHref={[
         {
           href: 'https://pages.github.ibm.com/carbon/ibm-products/patterns/create-flows/usage/#side-panel',
-          label: 'Carbon create flows side panel usage guidelines',
+          label: 'CreateSidePanel usage guidelines',
         },
       ]}
       blocks={[
diff --git a/packages/ibm-products/src/components/DataSpreadsheet/DataSpreadsheet.mdx b/packages/ibm-products/src/components/DataSpreadsheet/DataSpreadsheet.mdx
index 0126c01b92b..e0a5ae5bb52 100644
--- a/packages/ibm-products/src/components/DataSpreadsheet/DataSpreadsheet.mdx
+++ b/packages/ibm-products/src/components/DataSpreadsheet/DataSpreadsheet.mdx
@@ -5,6 +5,8 @@ import * as stories from './DataSpreadsheet.stories';
 
 # DataSpreadsheet
 
+[DataSpreadsheet usage guidelines](https://pages.github.ibm.com/carbon/ibm-products/components/data-spreadsheet/usage/)
+
 ## Table of Contents
 
 - [Overview](#overview)
diff --git a/packages/ibm-products/src/components/DelimitedList/DelimitedList.docs-page.js b/packages/ibm-products/src/components/DelimitedList/DelimitedList.docs-page.js
index 0d0d4235c0b..24491db39f6 100644
--- a/packages/ibm-products/src/components/DelimitedList/DelimitedList.docs-page.js
+++ b/packages/ibm-products/src/components/DelimitedList/DelimitedList.docs-page.js
@@ -12,6 +12,7 @@ import * as stories from './DelimitedList.stories';
 
 export const DocsPage = () => (
   <StoryDocsPage
+    altGuidelinesHref=""
     blocks={[
       {
         story: stories.delimited,
diff --git a/packages/ibm-products/src/components/DragAndDrop/DragAndDrop.mdx b/packages/ibm-products/src/components/DragAndDrop/DragAndDrop.mdx
index 1ba37361612..6fb1d451e21 100644
--- a/packages/ibm-products/src/components/DragAndDrop/DragAndDrop.mdx
+++ b/packages/ibm-products/src/components/DragAndDrop/DragAndDrop.mdx
@@ -4,6 +4,8 @@ import * as stories from './DragAndDrop.stories';
 
 # Drag and drop
 
+[Drag and drop usage guidelines](https://pages.github.ibm.com/carbon/ibm-products/patterns/drag-and-drop/usage/)
+
 ## Table of Contents
 
 - [Overview](#overview)
@@ -20,10 +22,10 @@ customizing the order of columns in the Datagrid.
 
 {/* We do provide styles for some of the drag states as detailed below. */}
 
-{/* |                        | State                                     | class |
-| ---------------------- | ----------------------------------------- | ----- |
-| Default draggable item | `${pkg.prefix}__draggable-item`           |
-| Dragging               | `${pkg.prefix}__draggable-item--dragging` |       | */}
+{/* |                        | State                                     | class | */}
+{/* | ---------------------- | ----------------------------------------- | ----- | */}
+{/* | Default draggable item | `${pkg.prefix}__draggable-item`           |       | */}
+{/* | Dragging               | `${pkg.prefix}__draggable-item--dragging` |       | */}
 
 ## Example usage
 
diff --git a/packages/ibm-products/src/components/EmptyStates/EmptyStateV2.stories.jsx b/packages/ibm-products/src/components/EmptyStates/EmptyStateV2.stories.jsx
index bc6ab4f4daa..dd90a478408 100644
--- a/packages/ibm-products/src/components/EmptyStates/EmptyStateV2.stories.jsx
+++ b/packages/ibm-products/src/components/EmptyStates/EmptyStateV2.stories.jsx
@@ -22,13 +22,9 @@ export default {
       page: () => (
         <StoryDocsPage
           altGuidelinesHref={[
-            {
-              href: 'https://carbondesignsystem.com/patterns/empty-states-pattern/',
-              label: 'Error pattern usage guidelines',
-            },
             {
               href: 'https://www.carbondesignsystem.com/patterns/empty-states-pattern/',
-              label: 'Carbon empty pattern usage guidelines',
+              label: 'Carbon Empty pattern usage guidelines',
             },
           ]}
           deprecationNotice="This component is deprecated and will be removed in the next major version. For more information, please refer to the [Carbon docs](https://carbondesignsystem.com/patterns/empty-states-pattern/)."
diff --git a/packages/ibm-products/src/components/EmptyStates/EmptyStates.stories.jsx b/packages/ibm-products/src/components/EmptyStates/EmptyStates.stories.jsx
index 2483644622a..e5b32911a4c 100644
--- a/packages/ibm-products/src/components/EmptyStates/EmptyStates.stories.jsx
+++ b/packages/ibm-products/src/components/EmptyStates/EmptyStates.stories.jsx
@@ -26,13 +26,9 @@ export default {
       page: () => (
         <StoryDocsPage
           altGuidelinesHref={[
-            {
-              href: 'https://carbondesignsystem.com/patterns/empty-states-pattern/',
-              label: 'Error pattern usage guidelines',
-            },
             {
               href: 'https://www.carbondesignsystem.com/patterns/empty-states-pattern/',
-              label: 'Carbon empty pattern usage guidelines',
+              label: 'Carbon Empty pattern usage guidelines',
             },
           ]}
         />
diff --git a/packages/ibm-products/src/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.stories.jsx b/packages/ibm-products/src/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.stories.jsx
index 592d4423380..4115b2ffb15 100644
--- a/packages/ibm-products/src/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.stories.jsx
+++ b/packages/ibm-products/src/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.stories.jsx
@@ -25,13 +25,9 @@ export default {
       page: () => (
         <StoryDocsPage
           altGuidelinesHref={[
-            {
-              href: 'https://carbondesignsystem.com/patterns/empty-states-pattern/',
-              label: 'Error pattern usage guidelines',
-            },
             {
               href: 'https://www.carbondesignsystem.com/patterns/empty-states-pattern/',
-              label: 'Carbon empty pattern usage guidelines',
+              label: 'Carbon Empty pattern usage guidelines',
             },
           ]}
         />
diff --git a/packages/ibm-products/src/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.stories.jsx b/packages/ibm-products/src/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.stories.jsx
index 3b4cd4ea600..fd5e83097ac 100644
--- a/packages/ibm-products/src/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.stories.jsx
+++ b/packages/ibm-products/src/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.stories.jsx
@@ -25,13 +25,9 @@ export default {
       page: () => (
         <StoryDocsPage
           altGuidelinesHref={[
-            {
-              href: 'https://carbondesignsystem.com/patterns/empty-states-pattern/',
-              label: 'Error pattern usage guidelines',
-            },
             {
               href: 'https://www.carbondesignsystem.com/patterns/empty-states-pattern/',
-              label: 'Carbon empty pattern usage guidelines',
+              label: 'Carbon Empty pattern usage guidelines',
             },
           ]}
         />
diff --git a/packages/ibm-products/src/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.stories.jsx b/packages/ibm-products/src/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.stories.jsx
index 0b3ffbdcc21..5b9b7926153 100644
--- a/packages/ibm-products/src/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.stories.jsx
+++ b/packages/ibm-products/src/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.stories.jsx
@@ -25,13 +25,9 @@ export default {
       page: () => (
         <StoryDocsPage
           altGuidelinesHref={[
-            {
-              href: 'https://carbondesignsystem.com/patterns/empty-states-pattern/',
-              label: 'Error pattern usage guidelines',
-            },
             {
               href: 'https://www.carbondesignsystem.com/patterns/empty-states-pattern/',
-              label: 'Carbon empty pattern usage guidelines',
+              label: 'Carbon Empty pattern usage guidelines',
             },
           ]}
         />
diff --git a/packages/ibm-products/src/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.stories.jsx b/packages/ibm-products/src/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.stories.jsx
index 2c3eab81dfe..079e47eee2b 100644
--- a/packages/ibm-products/src/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.stories.jsx
+++ b/packages/ibm-products/src/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.stories.jsx
@@ -24,13 +24,9 @@ export default {
       page: () => (
         <StoryDocsPage
           altGuidelinesHref={[
-            {
-              href: 'https://carbondesignsystem.com/patterns/empty-states-pattern/',
-              label: 'Error pattern usage guidelines',
-            },
             {
               href: 'https://www.carbondesignsystem.com/patterns/empty-states-pattern/',
-              label: 'Carbon empty pattern usage guidelines',
+              label: 'Carbon Empty pattern usage guidelines',
             },
           ]}
         />
diff --git a/packages/ibm-products/src/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.stories.jsx b/packages/ibm-products/src/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.stories.jsx
index d14b9258a97..ab6d58c6c99 100644
--- a/packages/ibm-products/src/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.stories.jsx
+++ b/packages/ibm-products/src/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.stories.jsx
@@ -24,13 +24,9 @@ export default {
       page: () => (
         <StoryDocsPage
           altGuidelinesHref={[
-            {
-              href: 'https://carbondesignsystem.com/patterns/empty-states-pattern/',
-              label: 'Error pattern usage guidelines',
-            },
             {
               href: 'https://www.carbondesignsystem.com/patterns/empty-states-pattern/',
-              label: 'Carbon empty pattern usage guidelines',
+              label: 'Carbon Empty pattern usage guidelines',
             },
           ]}
         />
diff --git a/packages/ibm-products/src/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.stories.jsx b/packages/ibm-products/src/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.stories.jsx
index c259d147ca8..b7098d584ce 100644
--- a/packages/ibm-products/src/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.stories.jsx
+++ b/packages/ibm-products/src/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.stories.jsx
@@ -24,13 +24,9 @@ export default {
       page: () => (
         <StoryDocsPage
           altGuidelinesHref={[
-            {
-              href: 'https://carbondesignsystem.com/patterns/empty-states-pattern/',
-              label: 'Error pattern usage guidelines',
-            },
             {
               href: 'https://www.carbondesignsystem.com/patterns/empty-states-pattern/',
-              label: 'Carbon empty pattern usage guidelines',
+              label: 'Carbon Empty pattern usage guidelines',
             },
           ]}
         />
diff --git a/packages/ibm-products/src/components/ExportModal/ExportModal.stories.jsx b/packages/ibm-products/src/components/ExportModal/ExportModal.stories.jsx
index 6977ccc698e..40142798557 100644
--- a/packages/ibm-products/src/components/ExportModal/ExportModal.stories.jsx
+++ b/packages/ibm-products/src/components/ExportModal/ExportModal.stories.jsx
@@ -7,9 +7,7 @@
 
 import React, { useState, useRef } from 'react';
 import { Button } from '@carbon/react';
-// import styles from './_storybook-styles.scss?inline'; // import index in case more files are added later.
 import { ExportModal } from '.';
-// import mdx from './ExportModal.mdx';
 import wait from '../../global/js/utils/wait';
 import { StoryDocsPage } from '../../global/js/utils/StoryDocsPage';
 
@@ -18,21 +16,20 @@ export default {
   component: ExportModal,
   tags: ['autodocs'],
   parameters: {
-    // styles,
     docs: {
       page: () => (
         <StoryDocsPage
           altGuidelinesHref={[
             {
               href: 'https://pages.github.ibm.com/carbon/ibm-products/components/export/usage/',
-              label: 'Export guidelines',
+              label: 'Export usage guidelines',
             },
             {
               href: 'https://www.carbondesignsystem.com/components/modal/usage',
               label: 'Carbon Modal usage guidelines',
             },
             {
-              href: 'https://react.carbondesignsystem.com/?path=/docs/modal--default',
+              href: 'https://react.carbondesignsystem.com/?path=/docs/components-modal',
               label: 'Carbon Modal documentation',
             },
           ]}
diff --git a/packages/ibm-products/src/components/ExportModal/_storybook-styles.scss b/packages/ibm-products/src/components/ExportModal/_storybook-styles.scss
deleted file mode 100644
index 9f29be2276b..00000000000
--- a/packages/ibm-products/src/components/ExportModal/_storybook-styles.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-//
-// Copyright IBM Corp. 2020, 2021
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
diff --git a/packages/ibm-products/src/components/ExpressiveCard/ExpressiveCard.docs-page.js b/packages/ibm-products/src/components/ExpressiveCard/ExpressiveCard.docs-page.js
index 14e041fbbae..c9447ece46c 100644
--- a/packages/ibm-products/src/components/ExpressiveCard/ExpressiveCard.docs-page.js
+++ b/packages/ibm-products/src/components/ExpressiveCard/ExpressiveCard.docs-page.js
@@ -12,6 +12,7 @@ import * as stories from './ExpressiveCard.stories';
 
 const DocsPage = () => (
   <StoryDocsPage
+    altGuidelinesHref="https://pages.github.ibm.com/carbon/ibm-products/components/card/expressive-card/usage/"
     blocks={[
       {
         story: stories.Default,
diff --git a/packages/ibm-products/src/components/GetStartedCard/GetStartedCard.mdx b/packages/ibm-products/src/components/GetStartedCard/GetStartedCard.mdx
index 6c9df9582bb..be7d608ded5 100644
--- a/packages/ibm-products/src/components/GetStartedCard/GetStartedCard.mdx
+++ b/packages/ibm-products/src/components/GetStartedCard/GetStartedCard.mdx
@@ -5,6 +5,8 @@ import * as stories from './GetStartedCard.stories';
 
 # GetStartedCard
 
+[Get started card usage guidelines](https://pages.github.ibm.com/carbon/ibm-products/patterns/onboarding-flows/orientation/#get-started-card)
+
 ## Table of Contents
 
 - [Overview](#overview)
diff --git a/packages/ibm-products/src/components/Guidebanner/Guidebanner.docs-page.js b/packages/ibm-products/src/components/Guidebanner/Guidebanner.docs-page.js
index 3b99e51267b..fabacd786ee 100644
--- a/packages/ibm-products/src/components/Guidebanner/Guidebanner.docs-page.js
+++ b/packages/ibm-products/src/components/Guidebanner/Guidebanner.docs-page.js
@@ -12,6 +12,12 @@ import * as stories from './Guidebanner.stories';
 
 export const DocsPage = () => (
   <StoryDocsPage
+    altGuidelinesHref={[
+      {
+        href: 'https://pages.github.ibm.com/carbon/ibm-products/components/onboarding/guide-banner/usage/',
+        label: 'Guide banner usage guidelines',
+      },
+    ]}
     blocks={[
       {
         story: stories.collapsible,
diff --git a/packages/ibm-products/src/components/ImportModal/ImportModal.docs-page.js b/packages/ibm-products/src/components/ImportModal/ImportModal.docs-page.js
index a500ac09c39..2c2bac01b08 100644
--- a/packages/ibm-products/src/components/ImportModal/ImportModal.docs-page.js
+++ b/packages/ibm-products/src/components/ImportModal/ImportModal.docs-page.js
@@ -22,7 +22,7 @@ const DocsPage = () => {
           label: 'Carbon Modal usage guidelines',
         },
         {
-          href: 'https://react.carbondesignsystem.com/?path=/docs/modal--default',
+          href: 'https://react.carbondesignsystem.com/?path=/docs/components-modal',
           label: 'Carbon Modal documentation',
         },
       ]}
diff --git a/packages/ibm-products/src/components/InlineTip/InlineTip.docs-page.js b/packages/ibm-products/src/components/InlineTip/InlineTip.docs-page.js
index 071c0b15aa2..68b0bc396ef 100644
--- a/packages/ibm-products/src/components/InlineTip/InlineTip.docs-page.js
+++ b/packages/ibm-products/src/components/InlineTip/InlineTip.docs-page.js
@@ -12,6 +12,12 @@ import * as stories from './InlineTip.stories';
 
 const DocsPage = () => (
   <StoryDocsPage
+    altGuidelinesHref={[
+      {
+        href: 'https://pages.github.ibm.com/carbon/ibm-products/components/onboarding/inline-tip/usage/',
+        label: 'Inline tip usage guidelines',
+      },
+    ]}
     blocks={[
       {
         story: stories.inlineTip,
diff --git a/packages/ibm-products/src/components/InterstitialScreen/InterstitialScreen.mdx b/packages/ibm-products/src/components/InterstitialScreen/InterstitialScreen.mdx
index d00864710a1..485c2fcb398 100644
--- a/packages/ibm-products/src/components/InterstitialScreen/InterstitialScreen.mdx
+++ b/packages/ibm-products/src/components/InterstitialScreen/InterstitialScreen.mdx
@@ -4,6 +4,8 @@ import { InterstitialScreen } from '.';
 
 # InterstitialScreen
 
+[InterstitialScreen usage guidelines](https://pages.github.ibm.com/carbon/ibm-products/components/onboarding/interstitial-screen/)
+
 ## Table of Contents
 
 - [Overview](#overview)
diff --git a/packages/ibm-products/src/components/InterstitialScreenView/InterstitialScreenView.mdx b/packages/ibm-products/src/components/InterstitialScreenView/InterstitialScreenView.mdx
index a52eaae0f02..b9e534ab846 100644
--- a/packages/ibm-products/src/components/InterstitialScreenView/InterstitialScreenView.mdx
+++ b/packages/ibm-products/src/components/InterstitialScreenView/InterstitialScreenView.mdx
@@ -5,6 +5,8 @@ import * as stories from './InterstitialScreenView.stories';
 
 # InterstitialScreenView
 
+[InterstitialScreen usage guidelines](https://pages.github.ibm.com/carbon/ibm-products/components/onboarding/interstitial-screen/)
+
 ## Table of Contents
 
 - [Overview](#overview)
diff --git a/packages/ibm-products/src/components/InterstitialScreenViewModule/InterstitialScreenViewModule.mdx b/packages/ibm-products/src/components/InterstitialScreenViewModule/InterstitialScreenViewModule.mdx
index 8448b75ee10..7de1a1fe748 100644
--- a/packages/ibm-products/src/components/InterstitialScreenViewModule/InterstitialScreenViewModule.mdx
+++ b/packages/ibm-products/src/components/InterstitialScreenViewModule/InterstitialScreenViewModule.mdx
@@ -5,6 +5,8 @@ import * as stories from './InterstitialScreenViewModule.stories';
 
 # InterstitialScreenViewModule
 
+[InterstitialScreen usage guidelines](https://pages.github.ibm.com/carbon/ibm-products/components/onboarding/interstitial-screen/)
+
 ## Table of Contents
 
 - [Overview](#overview)
diff --git a/packages/ibm-products/src/components/ProductiveCard/ProductiveCard.docs-page.js b/packages/ibm-products/src/components/ProductiveCard/ProductiveCard.docs-page.js
index 7b70135e773..f02437d64e7 100644
--- a/packages/ibm-products/src/components/ProductiveCard/ProductiveCard.docs-page.js
+++ b/packages/ibm-products/src/components/ProductiveCard/ProductiveCard.docs-page.js
@@ -12,6 +12,7 @@ import * as stories from './ProductiveCard.stories';
 
 const DocsPage = () => (
   <StoryDocsPage
+    altGuidelinesHref="https://pages.github.ibm.com/carbon/ibm-products/components/card/productive-card/usage/"
     blocks={[
       {
         story: stories.Clickable,
diff --git a/packages/ibm-products/src/components/RemoveModal/RemoveModal.docs-page.js b/packages/ibm-products/src/components/RemoveModal/RemoveModal.docs-page.js
index a500ac09c39..50578591021 100644
--- a/packages/ibm-products/src/components/RemoveModal/RemoveModal.docs-page.js
+++ b/packages/ibm-products/src/components/RemoveModal/RemoveModal.docs-page.js
@@ -7,22 +7,21 @@
 
 import React from 'react';
 import { StoryDocsPage } from '../../global/js/utils/StoryDocsPage';
-import { useOf } from '@storybook/blocks';
-import { storyDocsGuidelines } from '../../global/js/utils/story-helper';
 
 const DocsPage = () => {
-  const { csfFile } = useOf('meta', ['meta']);
-
   return (
     <StoryDocsPage
       altGuidelinesHref={[
-        storyDocsGuidelines(csfFile),
+        {
+          href: 'https://pages.github.ibm.com/carbon/ibm-products/patterns/delete-and-remove/usage/',
+          label: 'RemoveModal usage guidelines',
+        },
         {
           href: 'https://www.carbondesignsystem.com/components/modal/usage',
           label: 'Carbon Modal usage guidelines',
         },
         {
-          href: 'https://react.carbondesignsystem.com/?path=/docs/modal--default',
+          href: 'https://react.carbondesignsystem.com/?path=/docs/components-modal',
           label: 'Carbon Modal documentation',
         },
       ]}
diff --git a/packages/ibm-products/src/components/Saving/Saving.mdx b/packages/ibm-products/src/components/Saving/Saving.mdx
deleted file mode 100644
index 18faa088428..00000000000
--- a/packages/ibm-products/src/components/Saving/Saving.mdx
+++ /dev/null
@@ -1,30 +0,0 @@
-{/* <!-- `position:fixed` cause rendering issues, so do not render the modal --> */}
-
-import { Story, Controls, Canvas } from '@storybook/addon-docs';
-import { Saving } from '.';
-import { CodesandboxLink } from '../../global/js/utils/story-helper';
-import * as stories from './Saving.stories';
-
-# Saving
-
-[Usage guidelines](https://pages.github.ibm.com/carbon/ibm-products/patterns/saving/usage/)
-
-## Manual type
-
-<Canvas>
-  <Story of={stories.Auto} />
-</Canvas>
-
-## Auto type
-
-<Canvas>
-  <Story of={stories.Manual} />
-</Canvas>
-
-## Code sample
-
-<CodesandboxLink exampleDirectory="Saving" />
-
-## Component API
-
-<Controls />
diff --git a/packages/ibm-products/src/components/Saving/Saving.stories.jsx b/packages/ibm-products/src/components/Saving/Saving.stories.jsx
index ccdf7c5d615..c2f171a93e4 100644
--- a/packages/ibm-products/src/components/Saving/Saving.stories.jsx
+++ b/packages/ibm-products/src/components/Saving/Saving.stories.jsx
@@ -8,7 +8,7 @@
 import React, { useState, useEffect } from 'react';
 import styles from './_storybook-styles.scss?inline'; // import index in case more files are added later.
 import { Saving } from '.';
-// import mdx from './Saving.mdx';
+import { StoryDocsPage } from '../../global/js/utils/StoryDocsPage';
 import wait from '../../global/js/utils/wait';
 import { TextArea } from '@carbon/react';
 
@@ -18,11 +18,11 @@ export default {
   tags: ['autodocs'],
   parameters: {
     styles,
-    /*
-docs: {
-      page: mdx,
+    docs: {
+      page: () => (
+        <StoryDocsPage altGuidelinesHref="https://pages.github.ibm.com/carbon/ibm-products/components/save/usage/" />
+      ),
     },
-*/
   },
   argTypes: {
     successful: {
diff --git a/packages/ibm-products/src/components/SearchBar/SearchBar.mdx b/packages/ibm-products/src/components/SearchBar/SearchBar.mdx
index 7ba8d5b6a62..137dd742d53 100644
--- a/packages/ibm-products/src/components/SearchBar/SearchBar.mdx
+++ b/packages/ibm-products/src/components/SearchBar/SearchBar.mdx
@@ -5,6 +5,8 @@ import * as SearchBarStories from './SearchBar.stories';
 
 # SearchBar
 
+[Carbon Search pattern](https://carbondesignsystem.com/patterns/search-pattern/)
+
 ## Table of Contents
 
 - [Overview](#overview)
diff --git a/packages/ibm-products/src/components/StatusIcon/StatusIcon.docs-page.js b/packages/ibm-products/src/components/StatusIcon/StatusIcon.docs-page.js
index 705388c663e..8c43251b983 100644
--- a/packages/ibm-products/src/components/StatusIcon/StatusIcon.docs-page.js
+++ b/packages/ibm-products/src/components/StatusIcon/StatusIcon.docs-page.js
@@ -11,6 +11,12 @@ import * as stories from './StatusIcon.stories';
 
 const DocsPage = () => (
   <StoryDocsPage
+    altGuidelinesHref={[
+      {
+        href: 'https://carbondesignsystem.com/patterns/status-indicator-pattern/',
+        label: 'Carbon status indicator patterns',
+      },
+    ]}
     blocks={[
       {
         story: stories.Default,
diff --git a/packages/ibm-products/src/components/TagSet/TagSet.mdx b/packages/ibm-products/src/components/TagSet/TagSet.mdx
index 36baa9ac148..19fc8fa2c4a 100644
--- a/packages/ibm-products/src/components/TagSet/TagSet.mdx
+++ b/packages/ibm-products/src/components/TagSet/TagSet.mdx
@@ -6,6 +6,10 @@ import * as stories from './TagSet.stories';
 # TagSet
 
 [TagSet usage guidelines](https://pages.github.ibm.com/carbon/ibm-products/components/tag-set/usage/)
+|
+[Carbon Tag usage guidelines](https://carbondesignsystem.com/components/tag/usage/)
+|
+[Carbon Tag documentation](https://react.carbondesignsystem.com/?path=/docs/components-tag--overview)
 
 ## Table of Contents
 
diff --git a/packages/ibm-products/src/components/TagSet/TagSet.stories.jsx b/packages/ibm-products/src/components/TagSet/TagSet.stories.jsx
index b14f8d7e5fc..d3582b8458d 100644
--- a/packages/ibm-products/src/components/TagSet/TagSet.stories.jsx
+++ b/packages/ibm-products/src/components/TagSet/TagSet.stories.jsx
@@ -11,7 +11,7 @@ import { TYPES as tagTypes } from '../TagSet/constants';
 import { pkg } from '../../settings';
 import { DisplayBox } from '../../global/js/utils/DisplayBox';
 import { TagSet } from '.';
-// import mdx from './TagSet.mdx';
+import { StoryDocsPage } from '../../global/js/utils/StoryDocsPage';
 import styles from './_storybook-styles.scss?inline';
 
 const blockClass = `${pkg.prefix}--tag-set`;
@@ -133,11 +133,30 @@ export default {
   component: TagSet,
   tags: ['autodocs'],
   parameters: {
-    // docs: { page: mdx },
     styles,
     percy: {
       waitForTimeout: 1000,
     },
+    docs: {
+      page: () => (
+        <StoryDocsPage
+          altGuidelinesHref={[
+            {
+              href: 'https://pages.github.ibm.com/carbon/ibm-products/components/tag-set/usage/',
+              label: 'TagSet usage guidelines',
+            },
+            {
+              href: 'https://carbondesignsystem.com/components/tag/usage/',
+              label: 'Carbon Tag usage guidelines',
+            },
+            {
+              href: 'https://react.carbondesignsystem.com/?path=/docs/components-tag--overview',
+              label: 'Carbon Tag documentation',
+            },
+          ]}
+        />
+      ),
+    },
   },
   argTypes: {
     containerWidth: {
diff --git a/packages/ibm-products/src/components/Toolbar/Toolbar.mdx b/packages/ibm-products/src/components/Toolbar/Toolbar.mdx
index d5bbe5cb857..9fac6000265 100644
--- a/packages/ibm-products/src/components/Toolbar/Toolbar.mdx
+++ b/packages/ibm-products/src/components/Toolbar/Toolbar.mdx
@@ -5,6 +5,8 @@ import * as stories from './Toolbar.stories';
 
 # Toolbar
 
+[Toolbar usage guidelines](https://pages.github.ibm.com/carbon/ibm-products/components/toolbar/usage/)
+
 ## Table of Contents
 
 - [Overview](#overview)
diff --git a/packages/ibm-products/src/components/UserAvatar/UserAvatar.mdx b/packages/ibm-products/src/components/UserAvatar/UserAvatar.mdx
index ef13c7de052..4115bdf6faf 100644
--- a/packages/ibm-products/src/components/UserAvatar/UserAvatar.mdx
+++ b/packages/ibm-products/src/components/UserAvatar/UserAvatar.mdx
@@ -5,6 +5,8 @@ import * as UserAvatarStories from './UserAvatar.stories';
 
 # UserAvatar
 
+[UserAvatar usage guidelines](https://pages.github.ibm.com/carbon/ibm-products/components/user-avatar/usage/)
+
 ## Table of Contents
 
 - [Overview](#overview)
@@ -13,10 +15,11 @@ import * as UserAvatarStories from './UserAvatar.stories';
 
 ## Overview
 
-User avatars are a representation of a user or group of users. They can be used to identify a user or indicate collaborators.
-By default the component will display `name` on a 'order-1-cyan' background if name exist else it will render a user icon. 
-UserAvatar allows an image of the user to be displayed by passing in the `image` prop as well as customizing icons using `renderIcon` prop. 
-
+User avatars are a representation of a user or group of users. They can be used
+to identify a user or indicate collaborators. By default the component will
+display `name` on a 'order-1-cyan' background if name exist else it will render
+a user icon. UserAvatar allows an image of the user to be displayed by passing
+in the `image` prop as well as customizing icons using `renderIcon` prop.
 
 ## Migration from `UserProfileImage`
 
@@ -41,9 +44,9 @@ table below to see the new specifications.
 
 ## Note on theming
 
-The user avatar supports all the 4 theme variants from carbon (white, g10, g90 and g100).
-The backgroundColor and font color will adapt dynamically based on the lighter and darker themes.
-
+The user avatar supports all the 4 theme variants from carbon (white, g10, g90
+and g100). The backgroundColor and font color will adapt dynamically based on
+the lighter and darker themes.
 
 ## Example usage
 
diff --git a/packages/ibm-products/src/components/UserProfileImage/UserProfileImage.docs-page.js b/packages/ibm-products/src/components/UserProfileImage/UserProfileImage.docs-page.js
index ff88241e697..6b5929d8ebf 100644
--- a/packages/ibm-products/src/components/UserProfileImage/UserProfileImage.docs-page.js
+++ b/packages/ibm-products/src/components/UserProfileImage/UserProfileImage.docs-page.js
@@ -11,6 +11,7 @@ import * as stories from './UserProfileImage.stories';
 
 const DocsPage = () => (
   <StoryDocsPage
+    altGuidelinesHref={[]}
     // cspell:disable-next-line
     deprecationNotice="This component will soon be deprecated, Please migrate to [UserAvatar](?path=/docs/ibm-products-components-user-avatar-useravatar--docs#migration-from-userprofileimage)."
     blocks={[