diff --git a/.changeset/lazy-jokes-invent.md b/.changeset/lazy-jokes-invent.md
new file mode 100644
index 00000000000..820797bd9c6
--- /dev/null
+++ b/.changeset/lazy-jokes-invent.md
@@ -0,0 +1,5 @@
+---
+'@shopify/polaris': minor
+---
+
+Added storybook example for `AlphaCard` with subdued section
diff --git a/polaris-react/src/components/AlphaCard/AlphaCard.stories.tsx b/polaris-react/src/components/AlphaCard/AlphaCard.stories.tsx
index b9e53ecb12c..7159941a1e0 100644
--- a/polaris-react/src/components/AlphaCard/AlphaCard.stories.tsx
+++ b/polaris-react/src/components/AlphaCard/AlphaCard.stories.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
-import {AlphaCard, AlphaStack, Text} from '@shopify/polaris';
+import {AlphaCard, AlphaStack, Bleed, Box, List, Text} from '@shopify/polaris';
 
 export default {
   component: AlphaCard,
@@ -13,7 +13,9 @@ export function Default() {
         <Text as="h3" variant="headingMd">
           Online store dashboard
         </Text>
-        <p>View a summary of your online store’s performance.</p>
+        <Text variant="bodyMd" as="p">
+          View a summary of your online store’s performance.
+        </Text>
       </AlphaStack>
     </AlphaCard>
   );
@@ -26,7 +28,9 @@ export function WithBackgroundSubdued() {
         <Text as="h3" variant="headingMd">
           Online store dashboard
         </Text>
-        <p>View a summary of your online store’s performance.</p>
+        <Text variant="bodyMd" as="p">
+          View a summary of your online store’s performance.
+        </Text>
       </AlphaStack>
     </AlphaCard>
   );
@@ -39,8 +43,47 @@ export function WithBorderRadiusRoundedAbove() {
         <Text as="h3" variant="headingMd">
           Online store dashboard
         </Text>
-        <p>View a summary of your online store’s performance.</p>
+        <Text variant="bodyMd" as="p">
+          View a summary of your online store’s performance.
+        </Text>
+      </AlphaStack>
+    </AlphaCard>
+  );
+}
+
+export function WithSubduedSection() {
+  return (
+    <AlphaCard roundedAbove="sm">
+      <AlphaStack gap="5">
+        <Text as="h3" variant="headingMd">
+          Staff accounts
+        </Text>
+        <Box paddingBlockEnd="5">
+          <List>
+            <List.Item>Felix Crafford</List.Item>
+            <List.Item>Ezequiel Manno</List.Item>
+          </List>
+        </Box>
       </AlphaStack>
+      <Bleed marginBlockEnd="5">
+        <Box
+          background="surface-subdued"
+          borderBlockStart="divider"
+          borderRadiusEndStart="2"
+          borderRadiusEndEnd="2"
+          padding="5"
+        >
+          <AlphaStack gap="2">
+            <Text variant="headingSm" as="h3">
+              Deactivated staff accounts
+            </Text>
+            <List>
+              <List.Item>Felix Crafford</List.Item>
+              <List.Item>Ezequiel Manno</List.Item>
+            </List>
+          </AlphaStack>
+        </Box>
+      </Bleed>
     </AlphaCard>
   );
 }