diff --git a/knapsack/data/db.yml b/knapsack/data/db.yml
index 280d2362a0c..2b2d32226fa 100644
--- a/knapsack/data/db.yml
+++ b/knapsack/data/db.yml
@@ -21,6 +21,33 @@ demos:
       title: Main
       type: data
       width: 324
+    _2PSFV0BFV:
+      data:
+        props: {}
+        slots: {}
+      id: _2PSFV0BFV
+      patternId: panel
+      templateId: react-Veo93IBHtY
+      title: Main
+      type: data
+    tdaOkPjdv_:
+      data:
+        props: {}
+        slots:
+          children:
+            - text: Some words
+              type: text
+            - demoId: KyCPvfifwG
+              patternId: button
+              templateId: react-4z44n8JqaB
+              type: template-demo
+      height: 251
+      id: tdaOkPjdv_
+      patternId: card
+      templateId: react-M4VuHaS0vq
+      title: Main
+      type: data
+      width: 881
   settings: {}
 settings:
   logoUrl: ''
diff --git a/knapsack/data/knapsack.navs.yml b/knapsack/data/knapsack.navs.yml
index a61de85ee60..4ea63dc7e72 100644
--- a/knapsack/data/knapsack.navs.yml
+++ b/knapsack/data/knapsack.navs.yml
@@ -4,6 +4,11 @@ byId:
     name: Button
     parentId: components
     path: /pattern/button
+  card:
+    id: card
+    name: Card
+    parentId: components
+    path: /pattern/card
   components:
     id: components
     name: Components
@@ -12,3 +17,4 @@ byId:
 order:
   - components
   - button
+  - card
diff --git a/knapsack/data/knapsack.pattern.card.json b/knapsack/data/knapsack.pattern.card.json
new file mode 100644
index 00000000000..df853698e53
--- /dev/null
+++ b/knapsack/data/knapsack.pattern.card.json
@@ -0,0 +1,37 @@
+{
+  "id": "card",
+  "title": "Card",
+  "description": "",
+  "statuses": {},
+  "templates": [
+    {
+      "id": "react-M4VuHaS0vq",
+      "title": "React",
+      "path": "@salt-ds/core",
+      "alias": "Card",
+      "templateLanguageId": "react",
+      "spec": {
+        "isInferred": true
+      },
+      "demoIds": ["tdaOkPjdv_"],
+      "blockIds": []
+    }
+  ],
+  "tabs": [
+    {
+      "type": "template",
+      "id": "react-M4VuHaS0vq"
+    },
+    {
+      "type": "subPage",
+      "id": "overview"
+    }
+  ],
+  "subPages": [
+    {
+      "id": "overview",
+      "title": "Overview",
+      "blockIds": []
+    }
+  ]
+}